WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] how to make all pages semi transparent-twenty eleven (5 posts)

  1. tripurashakti
    Member
    Posted 1 year ago #

    Hi wordpress-community,
    I have been trying to follow old posts on how to change the page background to semi transparent but i am not able to follow them, sorry, new to all this :)

    Could someone try to tell me what to change in style.css
    to make the pages in the twenty eleven theme semi transparent??
    So that my background image is semi visible...and the text is in a semi transparent white box.

    Thanks you :)

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    To the element you want transparent,
    add the styles
    -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;

  3. tripurashakti
    Member
    Posted 1 year ago #

    i changed
    #page {
    background: #fff;
    }

    by adding the above code, but it didn't work, it made it completely transparent....what i am doing wrong???

    thanks for the help

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Worked for me...
    However it made all the elements half-transparent - probably not what you want.

  5. tripurashakti
    Member
    Posted 1 year ago #

    Hi, i know it was maybe not the official way to do it...but thank you Andrew i used part of your code and added opacity:0.50 to the #page in style-css (this made the page completely transparent:
    }
    #page {
    background: opacity:.50 #fff;
    }

    And in photoshop i added a transparent block onto my backgroundpicture so that it now appears as if the page is semi transparent on top of my background picture

    SO thanks for the code!

Topic Closed

This topic has been closed to new replies.

About this Topic