Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 22, 2014 at 2:47 am #268407
    OriginsSpeak

    Social Icons – Specifically the mail icon that appears in the top right hand corner of my page:
    http://www.spokenorigins.com, any way to change the color it illuminates when hovering over it. Currently the color is a weird green and I’d like to change the color.

    Also, anyway to change the same colors that illuminate when hovering over all other social icons?

    Thank you in advance,
    Lin

    May 22, 2014 at 2:19 pm #268604
    Yigit

    Hi OriginsSpeak!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    #top #wrap_all .av-social-link-mail:hover a {
color: #fff;
background-color: red;
}

    Cheers!
    Yigit

    May 22, 2014 at 7:54 pm #268754
    OriginsSpeak

    Hi Yigit,

    Would you please confirm where I’m to insert the quick code. I tried as you instructed and the changes were not made. Thank you!
    This is what I inserted:
    “#top #wrap_all .av-social-link-mail:hover a {
    color: ##00ab9d;
    background-color: ffffff;
    }”

    Of course leaving out the “

    May 22, 2014 at 7:56 pm #268756
    OriginsSpeak

    Never mind, I see my error. Thank you, it worked :)

    May 22, 2014 at 7:59 pm #268757
    Yigit

    Hey Lin!

    Glad that it worked! :)
    You should always add custom CSS codes to Quick CSS field in Enfold theme options > General Styling tab or Custom.css file inside Enfold/css folder. Let us know if you have any other questions or issues!

    Cheers!
    Yigit

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Mail Icon’ is closed to new replies.