Return to previous page

Column and row - by ejder077 - on WordPress WooCommerce support

This topic has 12 replies, 3 voices, and was last updated 4 years, 10 months ago ago by Olga Barlow

ejder077

Participant

February 9, 2020 at 03:21

Hi,

When an inner column has more content than the others, its height will be different than the others. So how can I make the other inner column has an equal height all together?

Please, contact administrator
for this information.

#229514 Copied Theme version: Child 6.2.3

11 Answers
John Holden

Support staff

February 10, 2020 at 06:17
Hi,

On the smaller screens, you can decrase padding

https://prnt.sc/qzzls7

Add custom CSS
```
@media (max-width: 460px){
.smaller-screens{
padding-left: 5px;
padding-right: 5px;
}
}
```
Regards,
Hung PD
#229536 Copied
ejder077

Participant

February 10, 2020 at 10:00

Hi,

I added this code and Extracclass name on the upper one first, but there is no change. Then I added them on the lower one, still no change.

#229550 Copied

Olga Barlow

Support staff

February 10, 2020 at 11:45

Hello,

If you want to have all the columns with equal height then use rows layout instead of columns and equal height option http://prntscr.com/r048mc I have created an example below your row.

Regards

#229560 Copied

ejder077

Participant

February 11, 2020 at 03:15

Thank you

#229624 Copied

Olga Barlow

Support staff

February 11, 2020 at 10:03

You are welcome.

Regards

#229635 Copied

ejder077

Participant

February 12, 2020 at 09:25

Hi,

Thank you

Please contact administrator
for this information.

#229682 Copied

Olga Barlow

Support staff

February 12, 2020 at 10:16

Hello,

That padding is the default padding for the column http://prntscr.com/r14xj7 To remove/change it go to Pages > edit page and change the padding-top to 0 or anything you need http://prntscr.com/r14zqq

Regards

#229687 Copied

ejder077

Participant

February 12, 2020 at 11:16

How about this? How can I decrease the space?

https://ibb.co/c6LjmDY

Thank you

#229692 Copied

Olga Barlow

Support staff

February 12, 2020 at 11:24

Hello,

You chose the full height option for the section that’s why it displays 100vh http://prntscr.com/r1669a If you don’t want to make it full browser height why did you enable this option?

Regards

#229693 Copied

ejder077

Participant

February 12, 2020 at 13:14

Thank you. I think I enabled it acidently

#229712 Copied

Olga Barlow

Support staff

February 12, 2020 at 14:47

You are welcome. So, now you know what that option means 😉

Regards

#229714 Copied
Viewing 12 results - 1 through 12 (of 12 total)