Opaque white layer (foreground)

nintendobserver · Member · Mar 9, 2017 at 4:50 pm
Copy link

Add topic to favorites
Hi,

I’d like to make the white layer behind my pages and articles a little bit transparent so that the background of my site can be seen through the layer a little. However, I just want the white layer to be opaque, not the text within, not the site header nor any other element of my pages and articles, just the white layer behind them.

Can anybody tell me a CSS code that could make that happen?

Thanks in advance.

Sincerely,

Luther (DePapier)
Founder, Owner, One-Man Blogger and Editor-in-Chief at NintendObserver.com

The blog I need help with is: (visible only to logged in users)
innisfreehomestead · Member · Mar 9, 2017 at 5:21 pm
Copy link
Hello there!

Dropping this code in your custom CSS area should do the trick:
```
#page {
	background: rgba(255, 255, 255, 0.68);
}

.featured-content-secondary {
	background-color: transparent;
}
```
Let me know if that doesn’t work!
Sage
nintendobserver · Member · Mar 9, 2017 at 5:48 pm
Copy link
Hello,

It works. And I can even modify the 0.68 in order to suit the transparency to what I want.

Perfect! Thank you so much for the swift response!! :D

Luther
innisfreehomestead · Member · Mar 9, 2017 at 5:51 pm
Copy link
No worries, Luther, glad to hear it works!

Sage

No items found.