WordPress.org

Ready to get started?Download WordPress

Forums

Changing Content Backround to Transparent (13 posts)

  1. devang23
    Member
    Posted 4 years ago #

    I know I can change the background of the page, but I would like to make my content background transparent like the one similar to http://joellortiz.com

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    The content background isn't transparent on that site. It's black.

  3. devang23
    Member
    Posted 4 years ago #

    Sorry, Yea I meant the part that's transparent....and how would i make the content part transparent.

  4. devang23
    Member
    Posted 4 years ago #

    anyone?

  5. esmi
    Forum Moderator
    Posted 4 years ago #

    Try setting the background of that area to transparent in your theme's stylesheet.

  6. UlukaiThemeDesign
    Member
    Posted 4 years ago #

  7. devang23
    Member
    Posted 4 years ago #

    the link doesn't show how to edit it in wordpress. and i don't know how to turn the area to transparent in the stylesheet. thats why i started this post.

  8. esmi
    Forum Moderator
    Posted 4 years ago #

    How can anyone provide you with specifics when you haven't, as yet, told anyone where your site is?

  9. devang23
    Member
    Posted 4 years ago #

    http://iamnazty.com

    i would like my background to show, and make the while blank part transparent. thank you.

  10. UlukaiThemeDesign
    Member
    Posted 4 years ago #

    Open style.css and then paste this at the bottom of the file:

    #wrapper{background:rgba(255,255,255,.8)!important;}

    Or, if you want the background to be black, use this:

    #wrapper{background:rgba(0,0,0,.8)!important;}
  11. devang23
    Member
    Posted 4 years ago #

    Wow, Thank You Very Much.

    1 more thing, how can i make the navi bar on top the same But also change the text on the Navi.

    I appreciate your help.

  12. devang23
    Member
    Posted 4 years ago #

    ....or just changing the color of the text and hover of the navibar

  13. UlukaiThemeDesign
    Member
    Posted 4 years ago #

    Try this:

    #access{background:rgba(0,0,0,.8)!important;}
    #access li a:hover{background:red!important;}
    #access li ul li a{background:red!important;color:#fff!important;}
    #access li ul li a:hover{color:#000!important;}

Topic Closed

This topic has been closed to new replies.

About this Topic