[DrumIDCROParticipant]

This reply has been marked as private.

[JadeModerator]

Hi there,

Please update this code:

body .x-sidebar.right .widget a:hover {
    color: #cccccc!important;
}

to

body .x-sidebar.right .widget a:hover {
    color: red !important;
    background-color: #cccccc!important;
}

Hope this helps.

[DrumIDCROParticipant]

thank you so much but it doesnt look good yet 🙁
Now only the background of the text becomes gray but the whole item background (the selected one) should become gray

This is everything in the custom css now:

body .x-sidebar.right .widget a {
color:#FFF!important;
}

.widget {
text-shadow: none !important
}

body .x-sidebar.right .widget ul,
body .x-sidebar.right .widget ol {
-moz-box-shadow: 0 0 1px rgba(255,255,255,0.95);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,0.95);
box-shadow: 0 0 1px rgba(255,255,255,0.95);
}

.x-sidebar .widget a{
color:#FF0000;
}

body .x-sidebar.right .widget a:hover {
color: red !important;
background-color: #cccccc!important;
}

.x-sidebar .widget:hover {
color:#000000;
background:#000000;
}

Also: i have a categories widget (blog) in the site bar too (but it looks weird to; ho do I change that one?

[JadeModerator]

Hi there,

Please add this code:

body .x-sidebar.right .widget li:hover {
    background-color: #ccc;
}

Hope this helps.

[DrumIDCROParticipant]

thx that worked! 🙂

[FriechModerator]

We’re delighted to assist you with this.

Cheers!

[SitegemzParticipant]

I’m trying to do the same thing & I’ve tried adding the CSS on this thread but it hasn’t worked I’d like to simply change the font color of the widgets used to white as well as any future widgets added. here’s the URL

http://mtz.sitegemz.com/?page_id=430

[ChristopherModerator]

Hi there,

Please add this :

select#cat {
    color: #fff;
}

Hope it helps.

[SitegemzParticipant]

Sorry this didn’t work either

[JoaoModerator]

Hi There,

Your widget font is white on my end, pleas clean your browser cache and test it again.

In case you still need help with the issue please provide a screenshot clarifying the issue,

Thanks

Joao

[SamParticipant]

This reply has been marked as private.

[SamParticipant]

Hi How do I change the colour of the txt above footer in the bottom.

Thanks in advance

[SamParticipant]

I think i just solved this from another post

.x-colophon.bottom, .x-colophon.top, .x-colophon.bottom a, .x-colophon.top a {
color: #fff;
}

Please let me know if this is wrong or there is a better way

[ChristopherModerator]

Hi there,

Your code is correct.

Thanks.

[Jimmy PParticipant]

Is there a way to change only 1 specific sidebar widget text color?
I currently have `widget {
text-shadow: none!important;
color: #fff!important;`

However, I need the jetpack blog subscription text to be black. As you can see it is not visible until you highlight it because it is white.
Here is the link:
https://www.empowersperformance.com/alphagcp/

Thanks!

[Author]

Posts