trying to make the body of my blog transparent to see the background?

  • Unknown's avatar
    mvegamichael · Member ·

    i would like to know how i can make the body of my blog posts a bit transparent in order to show the wood background through? i just started yesterday so i would like to know..thank you!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    rodrigoom · Member ·

    You want it completely transparent or just a little bit? If I recall correctly, you can add this piece of code to the css to make the body completely transparent

    body {
    background-color: transparent;
}

    If its just a little bit, I can help you as soon as I get home from work :D

  • Unknown's avatar
    mvegamichael · Member ·

    hi there rodrigoom! id like to give both a try and see which looks best if you can show me how to do semi-transparent that would be great, now when i copy and paste that piece of code into the css nothing happens…is there something else i am supposed to do?

  • Unknown's avatar
    jameswelbes · Member ·

    Hey there!

    Try this instead:

    div#primary {
    background-color: transparent;
    }

    I’ll see if I can’t figure out a partially transparent solution

  • Unknown's avatar
    jameswelbes · Member ·

    here we go, try this:

    div#primary {
    background-color: rgba(255,255,255,0.5);
    }

  • Unknown's avatar
    mvegamichael · Member ·

    awesome it worked! will this work for all themes or just this specific theme? and one last question how can i change the color of the font? once i make the body transparent the words remain dark and my dark background doesn’t exactly mix with it :/

  • Unknown's avatar
    mvegamichael · Member ·

    i have also run into another issue where when i save the transparent body in preview mode and go back to view my page it returns to the normal solid white :/ does anyone know any reason or fix for this? thank you guys again this is a very supportive community!.

  • Unknown's avatar
    jameswelbes · Member ·

    the exact code I gave you will only work on this theme. Every theme does things a little differently.

    Here’s how I troubleshot your issue:

    In Google Chrome, I right-clicked on your post and selected Inspect Element. This displays the code for your website on the bottom, with your website’s CSS on the right side. I found the div label (div#primary) for your blogs post section, and added “background-color:rgba(255,255,255,0.5;” to the div#primary and voila!

    You can do this too. Putting things in the Inspect Element window doesn’t actually do anything to your website, it just tells your browser to pretend you did, so you can see what the effects would be before actually implementing them.

    The Inspect Element feature is rather intimidating at first, especially if you’re not familiar with code, but you get used to it after awhile =]

    *ahem* to your font color question…

    try this:

    .entry-content p {
    color: #000000;
    }

    This combined with the partially transparent background was very easy for me to read.

  • Unknown's avatar
    jameswelbes · Member ·

    re: saves not sticking.

    my guess is you don’t have a premium account (which is required for making edits to your CSS)

    You can make changes and preview them with a free account, but in order to save them, you’ll need to upgrade.

  • Unknown's avatar
    thesacredpath · Member ·

    @mvegamichael, see this document for more on the WordPress.com Premium Plan upgrade.

  • Unknown's avatar
    thetreesproject · Member ·

    hi everyone!!! I would like to change the colour of the bar, on the top of the page (where is the menu)… I cannot find the CSS code for that.

    Thanks

  • Unknown's avatar
    jameswelbes · Member ·

    @thetreesproject please start a new thread, and I’ll do my best to help you out when I get home.

  • The topic ‘trying to make the body of my blog transparent to see the background?’ is closed to new replies.