Home>Support>Vantage masthead background image not showing

Vantage masthead background image not showing

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

I’ve been building my site over the past few weeks and it finally went live last night. Everything looked fine until I used a plugin to update the links to the images, which were all pointing to temporary URLs, but in doing so I forgot to add the slash / at the end of the domain name. So it broke my image links, but there were not very many of them and I fixed them manually. I haven’t been able to get my masthead background image to show, however, and it looks blah without it. It’s probably an easy fix, but I’ve lost a lot of time on it already. I’d appreciate any help you can give me. God bless you!

URL: http://www.stmichaels.org

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

  1. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Sister Mary

    Thanks for reaching out.

    My first guess would be to try re-saving the background. Go to Appearance > Customize > Theme Design > Page and delete the masthead background if it is showing, then add it back.

    Let me know how that goes. I have another plan but let’s first see how this goes.

  2. 10 years, 1 month ago Sister Mary Agatha

    Thank you, Andrew — I tried your suggestion, but it’s still not showing. Let’s hear your other plan!

  3. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Ahh here we go. Navigate to Appearance > Custom CSS and try removing this rule:

    header#masthead { 
      background: none;
      padding: 0 35px 0 35px;
    }
    

    background: none; is the problem, remove the entire rule doesn’t seem to change anything but you’re welcome to just remove the background: none; declaration.

  4. 10 years, 1 month ago Sister Mary Agatha

    Perfect! Well, almost. Now it looks like the image has slipped down a bit and there’s a gap at the top. I know I could poke around for a while and probably figure it out, but is there an easy fix for that?

  5. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Win :)

    Let’s try this at Appearance > Custom CSS:

    /* Page Wrapper */
    
    #page-wrapper {
      padding-top: 0;
    }
    
    /* Masthead */
    
    header#masthead {
      background-position: top;
    }
    

    Should do the trick.

  6. 10 years, 1 month ago Sister Mary Agatha

    That’s it — wonderful! Thank you so much — you will have a special remembrance in my prayers!

    God bless you!

  7. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Super :) Glad to hear that helped.

    All the best.

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