Home>Support>Masthead Background Image

Masthead Background Image

By lolo143, 9 years ago. Last reply by Daniel, 9 years ago.

Hi andrew,
I tried the CSS and its very much what i want, But the bottom part of the image is hiding behind the main Menu, for reference i have uploaded the image at the bottom stanleyseveres.com

also one more thing i want to reduce the padding of vantage Headline widget, it a little too much for me, as you can see on the site “This Water sports Page”

thanking you
Stanley

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 5 months ago Magus
    Hi, I Work Here

    Hi Stanley

    At the moment you have the padding for that section set to 0px.

    Please change the part in your custom CSS to read

    header#masthead .hgroup {
    padding-bottom: 30px;
}

    Changing it to 30px will bring it in line with the bottom of your logo.

    Hope this helps

    Magus

  2. 9 years, 5 months ago Daniel
    Hi, I Work Here

    Hi Lolo143

    You can change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    
.panel-row-style {
  padding: 15px 10px !important;
}

.widget_headline-widget h1 {
  padding-top: 0px !important;
  line-height: 26px !important;
}

.widget_headline-widget h3 {
display:none !important;
}

header#masthead .hgroup {
    padding-bottom: 30px !important;
}

    Let me know if that works for you

    @Magus much appreciated.

    Cheers

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