Changing Color Of Email Icon

temeculasocialmedia · February 2016

Hi @muffingroup,

Happy Friday!

I was wondering, how do I change the color (and hover color) of the scrolling email contact button in the bottom right corner of the site? http://valenciacustomglass.com/

temeculasocialmedia · February 2016

I am going to bed, thank you again for all of your help!
<:-P

Albert · February 2016

Hi,

you can change it's color with the following css:

#popup_contact > a.button { background: #000 !important; color: #FFF !important; }

However, we do not have any css to change it's color on hover. On hover, this button got only transparent mask but this concerns all buttons around site.

temeculasocialmedia · February 2016

Looks good, thank you!

What about changing colors of the "Return To Top" arrow?

Albert · February 2016

This has been explained on this forum already - http://forum.muffingroup.com/betheme/discussion/10575/back-to-top-button

temeculasocialmedia · March 2016

Thank you @muffingroup.

Is it possible to change the background hover color?

Albert · March 2016

Yes, for that you need to use:

a.button::after, a.tp-button::after, button::after, input[type="submit"]::after, input[type="reset"]::after, input[type="button"]::after { background: rgba(255,255,255,0.5) !important; }

Changing Color Of Email Icon

Comments