Transparencies How To

Permalink
Just for those who want to know. I wanted a Transparency of about 75% on my header in the theme. To do the same as I have done. Open Settings / Design / Customize and go down to Custom CSS.
Insert this code:

header {opacity:.75;
filter:alpha(opacity=75);
filter: "alpha(opacity=75)";
}


As seen in my screenshot it is what I was after, BUT I am unsure about the transparency for the main white page section which has a color variable in the customize section of Inner Page / Section.
The page at center of the theme appears to be a container and I cannot get it transparent in the custom CSS option.
Anyone can help on this? I simply want the background image to be faintly seen through the main page block.
Cheers

1 Attachment

Corum10
View Replies: View Best Answer
enlil replied on at Permalink Reply
enlil
link to the page ??
Corum10 replied on at Permalink Reply
Corum10
Sorry, I've had the page in maintenance mode.
http://athlore.rocks
enlil replied on at Permalink Best Answer Reply
enlil
So, similar to the header, use:

#innerwrapper {
...
}
Corum10 replied on at Permalink Reply
Corum10
you really are as awesome as they say!!! Cheers
Corum10 replied on at Permalink Reply
Corum10
Trying not to be a pain but is there someway to exclude the blocks from transparency?
enlil replied on at Permalink Reply
enlil
Try changing the background color in the #innerwrapper element to something like:

background-color: rgba(255, 255, 255, 0.8)

which will give the background color an 80% opacity and leave the blocks fully visible!

Edit: this would include the removal of the current #innerwrapper css...
Corum10 replied on at Permalink Reply
Corum10
Thanks again ! I'll try that and let you know.