Edit Trailer Box padding - vertical center
Hi there,
I've used trailer boxes on my home page http://s678238125.onlinehome.fr/.
I wanted to edit the padding to put the title and slogan in the center of the 2 top trailer boxes (rather than at the bottom), and managed to do it by editing their css with custom classes (bottom padding : 220px).
My issue is that while I managed to obtain the desired result on a computer screen, it's definitely not right on a phone screen.
How could I simply vertically center the title and slogan so that it looks the same on all type of screens?
Thanks in advance for your help,
G
I've used trailer boxes on my home page http://s678238125.onlinehome.fr/.
I wanted to edit the padding to put the title and slogan in the center of the 2 top trailer boxes (rather than at the bottom), and managed to do it by editing their css with custom classes (bottom padding : 220px).
My issue is that while I managed to obtain the desired result on a computer screen, it's definitely not right on a phone screen.
How could I simply vertically center the title and slogan so that it looks the same on all type of screens?
Thanks in advance for your help,
G
Comments
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
What I want to edit is the padding of the Title and Slogan of the Trailer Box, not the padding of the Trailer Box itself.
.trailer_box .desc
Or to know if I can set a different padding for mobile screens only?
Unfortunately, even after changing the bottom padding from 220px to 20px,
and adding this css to the "Custom CSS" in BeTheme Options, nothing changes.
(