This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Vantage masthead background image not showing

Resolved 7 replies premiumthemetheme-vantage
Sister Mary Agatha
10 years ago · Last reply by Andrew Misplon 10 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Andrew Misplon Staff 10 years, 9 months ago

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

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

  3. Andrew Misplon Staff 10 years, 9 months ago

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

    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. Andrew Misplon Staff 10 years, 9 months ago

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

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

    God bless you!

  7. Andrew Misplon Staff 10 years, 9 months ago

    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.

Have a different question or issue?

Start New Thread