WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Twenty Ten Theme - CSS Opacity Wrapper and Images (4 posts)

  1. Velanche
    Member
    Posted 3 years ago #

    Hi There:
    I've added CSS opacity to the wrapper of my web site:

    http://www.velanche.com

    The thing is that I'd like to eliminate the opacity from all of the images, including the headers (both the default and the custom ones for Pages and posts).

    I've tried adding the following to various selectors in the images section of the style.css:

    opacity: 1.0;
    filter: alpha(opacity=100);

    Unfortunately, it didn't work for me.

    Any help would be appreciated; thanks much!
    Velanche

  2. Spencer Finnell
    Member
    Posted 3 years ago #

    If you apply opacity to a div, it is applied to all of the children elements.

    If you just want the container's background to be semi-transparent so you can see the background through it, I would check out rgba

  3. Velanche
    Member
    Posted 3 years ago #

    Hey thanks a lot! Indeed, that did the trick and worked nicely.

  4. RGoodfellow
    Member
    Posted 3 years ago #

    sorry I'm a beginner. I checked out the link on rgba and added the code to the bottom of #wrapper in my child theme. I cant get it to work. Im trying to make the container transparent so you can see the backround. Can you tell me where I went wrong

    many thanks

    http://subleveltransmission.com/

    #wrapper {
    background: #fff;
    margin-top: 20px;
    padding: 0 20px;
    div {
    background: rgba(200, 00, 54, 0.5);
    }

Topic Closed

This topic has been closed to new replies.

About this Topic