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:
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
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
link to the page ??
Sorry, I've had the page in maintenance mode.
http://athlore.rocks
http://athlore.rocks
So, similar to the header, use:
#innerwrapper {
...
}
#innerwrapper {
...
}
you really are as awesome as they say!!! Cheers
Trying not to be a pain but is there someway to exclude the blocks from transparency?
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...
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...
Thanks again ! I'll try that and let you know.
