Changing colour of article wrapper background

  • Unknown's avatar
    ebeeken · Member ·

    Hi, I’ve been trying to change the colour of the main post area on my blog from solid white to a transparent background to match the widget background on the right.
    After two hours I have managed to figure out I need to put:

    <div class=”article wrapper”>
    background-color: rgba(255,255,255,0.3)

    in the CSS stylesheet editor and save it but it doesn’t seem to be working. I presume the most likely cause is that I have the syntax all wrong, as I do have the upgrade for CSS changes.
    Please could someone kindly tell me what I am supposed to put instead.

    Many thanks!

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, what I did was to use the web inspector built into my browser to find out the background treatment for the widgets. I then used it to find the background element for the content area and created this rule, which applies the same background to the content area.

    .article-wrapper {
    background: rgba(234, 236, 238, 0.3);
}

    When looking at the HTML for a web page, when it says this
    <div class="article wrapper"> that is an opening HTML tag with a class designation. For the CSS, what you want to do is to pull out only the “class”, which in this case is article-wrapper. In the CSS, classes will be preceded by a period ( . ). If the HTML tag has “id=XXX” then that would be an ID and it would be preceded in the CSS by a hash ( # ).

  • Unknown's avatar
    ebeeken · Member ·

    Ahh thank you so much for not only telling me what I need for this particular issue, but for explaining as well, I will keep notes for future reference! I’ve updated the way you’ve said to and it has worked first time. Your help is much appreciated. Many thanks :-)

  • The topic ‘Changing colour of article wrapper background’ is closed to new replies.