[Support request] Page Hero Right-Left Padding

Home Forums Support [Support request] Page Hero Right-Left Padding

Home Forums Support Page Hero Right-Left Padding

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2220270
    John

    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!

    #2220391
    David
    Staff
    Customer Support

    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%;
    }
    #2220419
    John

    That worked perfectly.

    Thank you!

    #2220897
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.