Home>Support>Vantage masthead background image not showing

Vantage masthead background image not showing

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. 9 years, 4 months 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. 9 years, 4 months ago Sister Mary Agatha

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

  3. 9 years, 4 months 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. 9 years, 4 months 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. 9 years, 4 months 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. 9 years, 4 months 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. 9 years, 4 months 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