A way to make the theme background transparent?
Permalink Browser Info Environment
Hi there! Again, great theme! I wanted to use the YouTube video background add-on on one of the pages on a site that is themed with your Innovation theme, and I had a quick question (hopefully).
Right now, that video only shows in the space below the footer, which is either not skinned, or transparent...all elements of this theme are 100% opaque. Is there something to tweak somewhere where I could play with the opacity of the theme to allow that which is already playing full screen behind the webpage to actually show up/through? Any of the default themes that come with C5 are transparent, so I am thinking that this one is just set to 100% opacity but I am unsure where to check/see that setting...I tried Chrome's inspection feature but did not see where that setting would be.
Thanks!
Nick
Right now, that video only shows in the space below the footer, which is either not skinned, or transparent...all elements of this theme are 100% opaque. Is there something to tweak somewhere where I could play with the opacity of the theme to allow that which is already playing full screen behind the webpage to actually show up/through? Any of the default themes that come with C5 are transparent, so I am thinking that this one is just set to 100% opacity but I am unsure where to check/see that setting...I tried Chrome's inspection feature but did not see where that setting would be.
Thanks!
Nick
| Type: | Discussion |
|---|---|
| Status: | New |
Thanks! I set up a temporary webpage on another C5 site I have...setting this page only to the innovation theme:
http://www.fallofrain.com/fallofrain/index.php?cID=182...
...as you will see, only the bottom of the screen has a video showing through, all other theme elements are 100% opaque.
I set up the same page with the default greek yogurt theme and the video shows through:
http://www.fallofrain.com/fallofrain/index.php?cID=183...
thanks!
http://www.fallofrain.com/fallofrain/index.php?cID=182...
...as you will see, only the bottom of the screen has a video showing through, all other theme elements are 100% opaque.
I set up the same page with the default greek yogurt theme and the video shows through:
http://www.fallofrain.com/fallofrain/index.php?cID=183...
thanks!
try setting the background to transparent of the div.wrapper on line 22 of the main.css
so it looks something like this:
div.wrapper {
background: none repeat scroll 0 0 transparent;
float: left;
margin: 0;
position: relative;
text-align: left;
width: 100%;
}
remember - I only converted this theme for use with Concrete5 - I didn't write all the code. So you will have to play with it a little but this should get you pointed in the right direction.
so it looks something like this:
div.wrapper {
background: none repeat scroll 0 0 transparent;
float: left;
margin: 0;
position: relative;
text-align: left;
width: 100%;
}
remember - I only converted this theme for use with Concrete5 - I didn't write all the code. So you will have to play with it a little but this should get you pointed in the right direction.
Yep, that did it! Made the whole page transparent! Now I just need to figure out how to make individual elements transparent and I will be all set...but you have helped greatly, thanks!
nick
nick
I think the key is to realize that all the major "divs" were sharing that css ID. So restore that ID to the way it was and then using Chrome identify the css ID of the section you want to change and add the background:transparent selector to it.
I'll take a look and see what I see. Can you send a link to the page your trying to use the YouTube background on? That might help identify what element needs tweaking.
Thanks
Ryan Vars
aka Cannonf700