Working on a WordPress site that we’re putting a Parallax background in, but I’m having a tough time with making the header transparent and perhaps a little opacity in the content.
For example, the header is currently following this style:
.header {
border-top-color:#F09C41;
border-top-style:solid;
border-top-width:0;
}
using the following doesn’t help:
.header {
background:transparent !important;
border-top-color:#F09C41;
border-top-style:solid;
border-top-width:0;
}
Similar with the content. You can see the demo site here: http://tinyurl.com/nutvfvb
Any help would be greatly appreciated. I thought this one would be easy…but I guess not.
You
div
titled “main-content” has a whitebackground-color
to it. So when you add anytransparency
your header appears white.You can use:
and change the
background-color
of the “main-content” and view it in a browser.Try this:
and your header should appear red.
This is only to show you that the header is transparent when you add:
Hope this helps!!!
use
.header {
background: rgba(255,255,255,0.5)
}
It didn’t work because you have set
background-color
property of.main-content
div to white too.