header-sidebar padding-top

Resolved 2 replies customization theme theme-vantage

8 years ago · Last reply by ChipD 7 years ago

How do I change this
<div id=”header-sidebar” style=”padding-top: 68px; padding-bottom: 68px;”>

To this
<div id=”header-sidebar” style=”padding-top: 6px; padding-bottom: 6px;”>

What’s happening is. I added two widgets to the top header. Every thing looks good in Explorer and Fire Fox, But in Chrome and Opera
The widget on the right is pushed down. Here’s a link to the test site Link
I found that in the chrome Devtools when I changed header-sidebar 68 to 8 every thing looks good. But I can’t find where to change it
in the editor or where it is located in a file.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

Alex S Staff 8 years, 22 days ago
Hi Chip,
You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add (and adjust) the following CSS:
```
#masthead .hgroup #header-sidebar {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}
```
You might also need to install the SiteOrigin CSS Editor.
ChipD 7 years, 11 months ago
OK thanks cool

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.