Opaque white layer (foreground)

  • Author
  • #2891483


    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.


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

    The blog I need help with is nintendobserver.com.


    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!



    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



    No worries, Luther, glad to hear it works!


The topic ‘Opaque white layer (foreground)’ is closed to new replies.