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.

Background Transparency

Resolved 6 replies premiumthemetheme-vantage
Mindy Bowman
11 years ago · Last reply by Andrew Misplon 11 years ago

Hi! I have Vantage Premium installed on a site and have added some Custome CSS to upload a photo to the page wrapper and then I’ve added the CSS to make the footer and header transparent with the body being only 50% transparent.

You can see that it’s working correctly on the home page but not on any of the other pages. Is there more code I need to enter?

This is what I have now:

/* Fixed Background Image for Site */
#page-wrapper {  
  background-image: url(wp-content/uploads/BG12.jpg);  
  background-repeat: no-repeat;
    background-position: center center !important;  
  background-attachment: fixed;  
  -webkit-background-size: cover;  
  -moz-background-size: cover;  
  -o-background-size: cover;  
  background-size: cover;  
}
/* Transparent Background */
#main {
   background-color: rgba(255,255,255,0.5) !important;
}
#masthead {
   background-color: transparent !important;
}
#colophon {
   background-color: transparent !important;
}

Any help would be greatly appreciated! :-)

URL: http://fishcodemo.newequus.com/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Mindy Bowman 11 years, 10 months ago

    One more thing to note, it is working on the shop category pages because I have a plug-in for special backgrounds and banners running there.

    It’s just not working on the main tabs.

    Thanks!

  2. Andrew Misplon Staff 11 years, 10 months ago

    Hi Mindy

    Thanks for running Vantage.

    The manner in which you’ve handled opacity for the #main div is correct. Making background-color transparent for the header and footer though will make them completely transparent. You’ll need to use the same method for those divs. Namely RGBA.

  3. Mindy Bowman 11 years, 10 months ago

    Hi Andrew,

    Yes, I want them completely transparent, but what isn’t happening is the background photo that I’ve uploaded in the page-wrapper is only showing on the home page…not the other top level menu pages.

    Do you have some insight on that?

    Thanks!

  4. Andrew Misplon Staff 11 years, 10 months ago

    Ok with you now. Try making the url in your Custom CSS absolute and not relative. wp-content/uploads/BG12.jpg works on the home page but becomes http://fishcodemo.newequus.com/about-us/ wp-content/uploads/BG12.jpg on the about page which will 404.

  5. Mindy Bowman 11 years, 10 months ago

    Andrew, that did the trick! Thanks so much. :-)

  6. Andrew Misplon Staff 11 years, 10 months ago

    For sure, glad we could help.

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