Archived topic
Page Hero Right-Left Padding
3 replies · Started by John on May 15, 2022
Hi!
The page hero on this site is responsive but the borders on the left and right side of the image extend beyond the browser. The right and left sides of the image should have a solid blue border like the top and bottom.
I tried adjusting pixel padding on the left and right--currently at 20px each--without effect. Server and browser caches were cleared and tested with incognito.
Image size is: 350 x 1800
Top and Bottom padding should be 9.72% but had to round up to 10%
Thanks!
Hi there,
you can use some CSS to add a decimal to the % padding.
In total the Top and Bottom needs to 19.44%
So lets leave the Top at 10% and set the Bottom to 9.44.
1. Edit the Header Element, and in the Element Classes field give it a class eg. home-hero
2. Add this CSS to your site:
.page-hero.home-hero {
padding-bottom: 9.44%;
}That worked perfectly.
Thank you!
Glad to hear that!
