• Hey guys, quick question. Using the Rockwell theme and trying to add a black background (with slight transparency) behind the fixed width of the blog to make the content stand out a little more. I tried to reach out to the creator of the theme, but I have not heard a word.

    Any help on how I can go about adding the black background to the fixed width would be fantastic!

    Thanks for your help!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter JasonInv

    (@jasoninv)

    No ideas on how to add the color black to the back of the Blog?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Well it has only been 2 hours, why not give people a chance?

    What is the ID or class of the div you want to add this black background too? Post a link to your site, and let us know what div you would like to change etc and we can provide very detailed code which will accomplish what you have asked for

    Thread Starter JasonInv

    (@jasoninv)

    Evan,

    https://getinvantage.com/Clients/PA-Asphalt/

    Just trying to get a static piece of black behind the entire blog (but not covering the sides of the wallpaper) to bring out the text better. Ideally, would like it to be relatively transparent so you can still see the background image through.

    Thanks for your help.

    Ok, You will probably need to wrap all of your content inside of a new div. and then assign a black background to the wrapper div, and drop the opacity.

    Example:
    HTML:

    <div class="content-wrapper">
       this is all of your content etc.
    </div>

    CSS:
    .content-wrapper { padding: 1em; background: #000; opacity: .4 }

    It is actually idea to use RGBA here to manipulate the alpha layer so that you may change the opacity of the background with out effecting the text.

    CSS
    .content-wrapper { rgba(0, 0, 0, 0.6); }

    Thread Starter JasonInv

    (@jasoninv)

    Simple enough. I’m very new to using WordPress, what’s the target template to add it too?

    Appreciate your help.

    Are you working off a child theme, or the base theme? If not working off a child theme, I would suggest creating one so that when the theme itself is updated, all of your code/changes will remain.

    You will probably want to go inside of index.html to wrap your content inside of a div for the homepage.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Fixed Background Color with 50% opacity?’ is closed to new replies.