Home>Support>header-sidebar padding-top

header-sidebar padding-top

By ChipD, 6 years ago. Last reply by ChipD, 6 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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 6 years, 8 months ago Alex S
    Hi, I Work Here

    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.

  2. 6 years, 6 months ago ChipD

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More