Change social media icon mouseover for Renew 8

[Redwood100]

Howdy,

I’m working with Renew 8 but really don’t like the colored circle on hover for the social media icons… would love to have those consistent with the Home/Blog/Portfolio style and just underline on hover.

Is that an easy switch?

Thanks!

[ruenel]

Hello Jason,

Thanks for writing in!

To achieve what you want and remove the colored circle when you hover the icons, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.site .x-social-global a:hover {
    background-color: transparent;
}

.site .x-social-global a:hover [data-x-icon], 
.site .x-social-global a:hover [class*="x-icon-"] {
    box-shadow: 0 2px 0 0 #828899;
}

Hope this helps. Kindly let us know.

[Redwood100]

Perfect, thanks for the fast reply! Cheers and Happy New Year.

[ruenel]

You are most welcome!