Edit Trailer Box padding - vertical center

gratianne · August 2017

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

Bryan · August 2017

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

gratianne · August 2017

Sorry if I wasn't clear in my explanation.
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?

Bryan · August 2017

Here is the css for the mobile

@media (max-width:767) {
.trailer-ete .trailer_box .desc {
	padding: 20px 15px 220px 15px !important;
}
.trailer-ete .trailer_box .desc h2 {
	padding: 5px !important;	
}}

gratianne · August 2017

Thanks for your help.
Unfortunately, even after changing the bottom padding from 220px to 20px,
and adding this css to the "Custom CSS" in BeTheme Options, nothing changes.

(

gratianne · August 2017

Actually, I edited your code to

@media (max-width: 767px) 

and now it works !! thank you very much !!

Bryan · August 2017

Yes, it was a misstake, sorry

Edit Trailer Box padding - vertical center

Comments