In my header I’m getting the following styles inserted into my html:
<div id="header-sidebar" style="padding-top: 19.5px; padding-bottom: 19.5px;">
This padding changes based on the padding I add to the elements. The problem is I don’t want the padding around the header sidebar.
What function is controlling this automattic addition of styles?!
Hi Daniel
It’s possible to override this by inserting the following under Apppearance > Custom CSS:
/* Vantage Header Sidebar Padding */ header#masthead .hgroup #header-sidebar { padding-top: 0px !important; padding-bottom: 0px !important; }Hope that helps.
No, because it is an inline style.
I believe some form for f JavaScript/jquery is appending the inline style into the HTML.
The inline styles get outputted in there in conjunction with the setting at Appearance > Customize > General > Header Padding. If your header padding is say 10px then there won’t be any padding outputted but at say 40px there will be. This is to dynamically keep the the sidebar content vertically centred.
You can override an inline style as follows, sorry for not sending correctly the first time:
/* Vantage Header Sidebar Padding */ header#masthead .hgroup #header-sidebar[style] { padding-top: 0px !important; padding-bottom: 0px !important; }