Ethos Effecting Footer Widget Menu Colour

[allincreative]

Hi guys, I changed the stack to Ethos for our blog layout, however it has effected our footer menu.

site is new.beyondyourhorizon.com.au

[ruenel]

Hello Sam,

Thanks for writing in! By default, the Ethos stack is using this built-in CSS to display white colored links in the widget areas. It is using this code:

.widget ul li a, .widget ol li a {   
    color: rgba(255,255,255,0.25);
}

Feel free to change the color to something else and then add your modified CSS code into X > Theme Options > CSS.

Note: We are unable to provide support for customizations under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One or Care service for further assistance.

Best Regards.

[allincreative]

Thanks so much! How can i adjust the hover colour as well?

[ruenel]

Hello Sam,

The ethos stack does not have a default CSS code for the hover. If we will apply the CSS hover property as explain here: https://www.w3schools.com/cssref/sel_hover.asp, we can have a code like this:

.widget ul li a:hover, .widget ol li a:hover {   
    color: rgba(255,255,255,0.25);
}

Feel free to adjust the color as well.

Cheers.

[allincreative]

Thanks @ruenel

That worked a treat - appreciate the help!

[ruenel]

You are most welcome!