WordPress.org

1. devang23
   Member
   Posted 1 year 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
   Theme Diva & Forum Moderator
   Posted 1 year ago #

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

3. devang23
   Member
   Posted 1 year ago #

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

4. devang23
   Member
   Posted 1 year ago #

   anyone?

5. esmi
   Theme Diva & Forum Moderator
   Posted 1 year ago #

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

6. UlukaiThemeDesign
   Member
   Posted 1 year ago #

   See: http://css-tricks.com/css-transparency-settings-for-all-broswers/

7. devang23
   Member
   Posted 1 year 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
   Theme Diva & Forum Moderator
   Posted 1 year ago #

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

9. devang23
   Member
   Posted 1 year ago #

   http://iamnazty.com

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

10. UlukaiThemeDesign
    Member
    Posted 1 year 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 1 year 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 1 year ago #

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

13. UlukaiThemeDesign
    Member
    Posted 1 year 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.