Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #23335

    I’ve put a ‘special heading’ field above a slider on my site but the padding above and below is very wide. I’ve found the CSS to shrink it but it seems to be a global property (line 961 of layout.css).

    .content, .sidebar{
    padding-top:20px;
    padding-bottom:20px;
    -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: content-box; /* Firefox, other Gecko */
    box-sizing: content-box;
    min-height: 1px;
    z-index: 1;
    }

    How can I specify the change to only target this area?

    #119422

    Hi,

    Please try this on your custom.css

    .template-page.content.twelve.alpha.units {
    padding: 15px 0;
    }

    If you are using Chrome, please inspect the element then look for the body class id. Mine is .page-id-1403, use it to target the current page.

    . page-id-1403 .template-page.content.twelve.alpha.units {
    padding: 15px 0;
    }

    Regards,

    Ismael

    #119423

    Perfect, thanks Ismael!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Special Heading Padding’ is closed to new replies.