Opaque white layer (foreground)

  • Author
    Posts
  • #2891483

    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 nintendobserver.com.

    #2891579

    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

    #2891590

    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

    #2891592

    No worries, Luther, glad to hear it works!

    Sage

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