Changing background colors in sidebar area

  • Resolved S4lmaM3ah

    (@s4lmam3ah)


    9 years ago

    I’m trying to change the background colour of the entire sidebar area to distinguish between main and widget areas, eg to a pale grey colour.

    I have made a child version and tried the following code already (from previous post) but it did not work:

    .widget-area {
    background-color: #color
    }

    Thank you in advance. S

Viewing 5 replies - 1 through 5 (of 5 total)
  • WPyogi

    (@wpyogi)

    9 years ago

    #color

    Did you use a hex code there?

    http://www.w3schools.com/tags/ref_colorpicker.asp

    if that doesn’t work, please post a link to your site.

    Thread Starter S4lmaM3ah

    (@s4lmam3ah)

    9 years ago

    Thanks WPyogi, I thought I used a hex colour, but I think the colour I had chosen was too light.

    .widget-area {
    background-color: #E5E4E4;
    }

    This now worked, but there is zero margin around the widgets/headings and search box. How do I fix this? Sorry, it has been a long time since I have touched any coding so very new to css.

    Here is my site so far it is still in it’s infancy. S

    WPyogi

    (@wpyogi)

    9 years ago

    Looks like adding some padding to that same CSS will work:

    .widget-area {
background-color: #E5E4E4;
padding: 10px;
}

    Thread Starter S4lmaM3ah

    (@s4lmam3ah)

    9 years ago

    Thank you soooo much. That worked perfectly, I thought I would have to change all margins individually. Next, I have to change the colour, alignment and font size of widget headings. I think I should be ok with that 😀

    Thread Starter S4lmaM3ah

    (@s4lmam3ah)

    9 years ago

    All sorted here, thank you!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Changing background colors in sidebar area’ is closed to new replies.