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?
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
Perfect, thanks Ismael!