Need to remove automatic Inline styles
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?!
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
3Hi 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; }Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.