[mrsnoochParticipant]

Hi,

Regarding http://softwash.badwolfproductions.co.uk/ I have made some customisations to the widget formatting, as per below.
One of the widgets is a menu, how can I change the active link text color to #4878b7?

Thanks
Mark

/*Styles widget background*/
footer.x-colophon.top {
    background-color: #4878b7;
    color: #ffffff;
}

/*Styles navigation widget*/
footer.x-colophon.top .widget a, footer.x-colophon.top .widget li , footer.x-colophon.top h4.h-widget {
    color: #ffffff;
    text-shadow: none;
}

/*Styles widget navigation hover color*/
footer.x-colophon.top .widget a:hover {
    color:#4878b7;
}

/*Removes text shadow to text widget*/
.textwidget {
    text-shadow: none;
}

/*Removes text shadow to widget headers*/
.h-widget {
    text-shadow: none;
}

[JadeModerator]

Hi Mark,

Please try this code:

.x-colophon .current-menu-item a {
    color: #4878b7;
}

Hope this helps.

[mrsnoochParticipant]

Hi Jade,

I’m afraid that had no effect?

Thanks
M

[NicoModerator]

Hi There,

In this case, please share us your admin credentials so we could fully check your custom CSS probably there is some conflict with the suggested CSS or other reasons.

Don’t forget to set it as private reply.

Thanks.

[mrsnoochParticipant]

This reply has been marked as private.

[JadeModerator]

Hi M,

Please update the previous code to:

.x-colophon .current-menu-item a {
    color: #4878b7 !important;
}

Hope this helps.

[mrsnoochParticipant]

Worked perfectly, many thanks Jade!

M

[JadeModerator]

You’re most welcome, M.

Cheers!

[Author]

Posts