Equal Heights not working

senorberns

For some reason the equal heights are not working for the bottom of the following page with the video and blue box.

http://bit.ly/2wLuAny

Pablo

Hi,
The equal height of wraps is used to position elements on: top, middle or bottom in wraps. In order to achieve this you need to:
1. Edit your page, and go to the muffin builder. Edit a section and under the advanced>style select 'equal height of wraps'. See screens:
http://prntscr.com/f40hvn
http://prntscr.com/f40kh0
2. Now edit each wrap in that section and set the desired vertical align(top, middle or bottom). See screens:
http://prntscr.com/f40kvr
http://prntscr.com/f40lhl

Also, did you insert a divider item after first row?

If not, try it.

Thanks.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

senorberns

That didn't work, it just aligned the text on the right to the bottom. There is sitll a space:

https://prnt.sc/krd668

Pablo

Hi,

It is equal heighted now, but there is a little margin there.

http://prntscr.com/krlewu

I'm able to fix it only with CSS, unfortunately.

@media (min-width:767px){
body.page-id-65 .column-margin-10px{
    margin-top: 17px !important;
}
}

Paste it to Theme Options > Custom CSS & JS > CSS

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

senorberns

I added the CSS, but now there's just a space at the top haha.

http://bit.ly/2wLuAny

Pablo

I tried a lot of ways to insert it and unfortunately

it's not possible to make it 100% equal.

It require an theme files customization which we do not support.

Cheers.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next