Sidebar widget text colour

Support
#1

Hey,

How do I change the colour of the text in the sidebar?

I have changed it in the theme options but it is not reflected in the sidebar.



I have attached a few images to hopefully help explain the problem,

Thank you

#2

Hi @tamarapensa,

That color is overrided by the 3rd party plugins, please try adding this custom CSS under Theme Options > CSS:

.x-sidebar .widget ul li a,
.x-sidebar .widget a{
    color: #5f5858 !important;
}

Hope it helps :slight_smile:

#3

Hey Thai! Thank you so much, that worked for most of it apart from this one:

Thank you

#4

Hello @tamarapensa,

The links is coming from Yuzo Related posts plugin. I would recommend that you update the code and use this:

.x-sidebar .widget ul li a,
.x-sidebar .widget a,
.yuzo_related_post_widget .relatedthumb a{
    color: #5f5858 !important;
}

And if you want to add a hover colors, you may use this code:

.x-sidebar .widget ul li a:hover,
.x-sidebar .widget a:hover,
.yuzo_related_post_widget .relatedthumb a:hover{
    color: red !important;
}

We would love to know if this has worked for you. Thank you.

#5

Hey Rue,

Thank you for your help, unfortunately, this didn’t work either.

As well as the Yuzo related posts widget, there are other grey text areas too…

Thanks

#6

Hello @tamarapensa,

First, remove this code because it is not correct.

.widget a {
    color: rgba(0,0,0,0.4)!important;
    a: hover #ffffff!important;
}

And then use this code:

.x-sidebar .widget,
.x-sidebar .widget *,
.x-sidebar .widget a,
.x-sidebar .widget ul li a,
.yuzo_related_post_widget .relatedthumb a{
    color: #5f5858 !important;
}

The arrow in Yuzo related post widget plugin is an image so you cannot change that color.

Please let us know how it goes.

#7

Sorry to be a pain, I can’t seem to find the first code you’ve mentioned to get rid of, I’ve searched through the CSS in the theme options, is that where I should be looking?

#8

Hello @tamarapensa,

I could not locate it either. Maybe it is added in the footer or the custom header. Anyways, please do apply the latest code I have suggested so that it will be applied and that broken code will be ignored.

Hope this helps. Please let us know how it goes.

#9

That worked perfect thank you so much.

Sorry to be a pain but one final thing, the code has changed my button text and hover button text to be the same colour when it should be white, how do I change that back?

Thank you very much

#10

Hey @tamarapensa,

To make the text color of the button to white, you can make use of this code:

.x-sidebar .widget input[type="submit"],
.x-sidebar .widget button {
    color: #fff !important;
}

Please let us know if this works out for you.

#11

That is perfect, thank you so much. Amazing support as always :slight_smile:

#12

You’re welcome! :slight_smile:

#13

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.