Remove Margin Top from Page Header and/or Footer
Use to remove the whitespace between the header and a hero image, or an image or background color section above the footer.
- Add the following code to Page Settings > Styles.
/* HEADER */ .sePage .sePageMain { margin-top: 0px; }
/* FOOTER */ .sePage .sePageFooter { margin-top: 0px; }
Remove Margin Bottom from a Section
Remove the space between two sections by adding this to the first section
- Edit Section and add the following class to remove the default bottom margin.
se-section-margin-b-zero
Add Padding to Text Over Image Section
Increase the height of a background image section (such as a homepage hero) This works if the image is in Column Settings or Section Settings
- Edit Section and add the following class to the section:
se-section-hp-hero - Add the following code to Section Settings > Styles
/* HERO PADDING */ .se-section-hp-hero .block-bg-img { padding: 12% 15px; }
*Note: Adjust the first value (12%) to achieve your desired height.
Vertically Center a Headline Section
Use when you put a background color on a centered headline section. By default the headline has margin-top: 22px; margin-bottom: 11px; So adding the following class will even the vertical spacing.
- Edit Section and add the following class to the section to add 11px of padding to the bottom of the section.
se-section-padding-eq-sm
Tune-up Colors
Change the background colors for the 1, 2, 3, or 4-column section called Tune Up
- Edit Section and add the following class
tune-up-color - Add the following snippet to Page Settings > Styles. Adjust the color code to be your colors of choice
.tune-up-color .price-header {background-color: #37827D;}
.tune-up-color .price {background-color: #589994;}
.tune-up-color .price-figure {background-color: #589994;}
.tune-up-color .features {background-color: #95D6BE;}
.tune-up-color .price-footer {background-color: #37827D;}