Docs

[djguitar]

Hi, I’m using Renew for a site and I have a footer area with a menu. The problem I’m having is even when I select the footer menu’s text hover colour to be black it fades to a much less legible medium grey almost instantly. If I switch to Ethos the problem goes away, but introduces other design features I don’t want to use currently.
I’m using this CSS to achieve my bold black hover colour:

x-colophon.bottom .x-nav li a:hover {
color: black;
font-weight: bold;
}

Thanks for any help you can offer!

[Rupok]

Hi there,

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. Also a screenshot would be appreciated.
Once you have provided us with your URL, we will be happy to assist you with everything.

[djguitar]

Here’s the URL.
http://2016.mindgains.org/hybrid-home-2-2/

As there doesn’t seem to be a way to control colours in the footer area menu I’ve used this CSS

.x-colophon.bottom .x-nav li a:hover {
color: black;
font-weight: bold;
}

Thanks for helping!

[Friech]

Hi There,

Update that css code to this,

.x-colophon.bottom .x-nav li a:hover {
color: black;
font-weight: bold;
opacity: 1;
}

What happening is, your black color is blending with the white background, because the text is set to be semi-transparent.

Hope it helps, Cheers!

[Author]

Posts