Docs

[David]

Hi guys

I am trying to work out how to add a colour background on side bar. I have a background image but its washing the copy of the side bar away. I want to make the background colour of the sidebar slightly transparent.

Thanks for your help

Many thanks
David

[Paul R]

Hi David,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[David]

This reply has been marked as private.

[Jade]

Hi David,

You can add this under Custom > CSS in the Customizer.

.x-sidebar {
    background-color: #fff;
    padding: 40px 35px;
}

Hope this helps.

[David]

Thats awesome it helps alot…thanks 🙂

How do I change the colour of the roll over action of the widget area. There doesnt seen to be an option for that. Right now its just white and I would like to control that.

Thanks for your help again
David

[Rue Nel]

Hello David,

Thanks for updating in!

To change the colour of the links and roll over action of the widget area, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-sidebar a {
    color: green;
}

.x-sidebar a:hover {
    color: blue;
}

Feel free to change the color. I just added green and blue so that you can immediately see the colors when you apply the code.

Please let us know how it goes.

[David]

Hi Rue

Thank you for that.

What Im wanting to change is the actual roll over action colour of the widget area. The above css code is just for the copy.

Iv attached a screenshot of what the area Im trying to customize.

Thanks for your help so far.
David

[Rue Nel]

Hello There,

Do you want something like this?

Please update the given code and use this instead:

.site .x-sidebar a {
    color: green;
}

.site .x-sidebar a:hover {
    color: blue;
}

Please let us know if this works out for you.

[David]

Hi Rue

Iv attached another screenshot

sorry what I was meaning was the background colour with a rollover action. At the moment its white as a default but theres no option to change the colour.

Thanks gain for your help
David

[Thai]

Hi There,

Please try with this CSS:

.widget.widget_recent_entries li {
    background-color: #f5f5f5;
}
.widget.widget_recent_entries li:hover {
    background-color: #f0f0f0;
}

Hope it helps 🙂

[David]

Thanks so much….thats perfect 🙂

[Christopher]

Glad we could help you with this.

[Author]

Posts