Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 19, 2020 at 10:15 pm #1194617
    Markus

    Hello Team,

    how can i change the color of the hover effect for mail symbol in the header and footer of Enfold Theme.

    Best Regards
    Markus

    March 20, 2020 at 6:11 am #1194720
    Rikard

    Hey Markus,

    Do you want to change the background colour when hovering over it?

    Best regards,
    Rikard

    March 20, 2020 at 9:39 am #1194741
    Markus

    Dear Rikard,

    thanks for the quick response. First off all, only the hover effect. I guess i have to add some CSS. The point is that i am not sure where to add the CSS and i don’t know how the mail symbol ist called correctly.

    Best Regards
    Markus

    March 20, 2020 at 7:46 pm #1194896
    Victoria

    Hi Markus,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    March 20, 2020 at 9:37 pm #1194945
    Markus

    Dear Victoria,
    please see link below. The website ist still in “maintenance mode” but you can see the mail symbol in the top right and buttom right corner.
    The hover effect is light green circle or what ever the colour is called :-D and i want you change it into red.

    Welcome

    Thanks for your support.

    Best regards
    Markus

    March 21, 2020 at 5:54 am #1195014
    Rikard

    Hi Markus,

    Thanks for that. Please try this in Quick CSS:

    .av-social-link-mail:hover a {
    background-color: red;
}

    Best regards,
    Rikard

    March 21, 2020 at 10:58 am #1195039
    Markus

    Hello Rikard,

    I added the CSS to quick CSS in Enfold Childe Theme Options > General Styling > Quick CSS

    Unfortunately it doesn’t work. I use Enfold Child Theme. Is that relevant?

    Best regards
    Markus

    March 21, 2020 at 2:57 pm #1195075
    Nikko

    Hi Markus,

    Can you try to use this CSS code (similar to Rikard’s code but with higher priority):

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

    If that still doesn’t show up, please try to flush out caching plugin if you have one then in Enfold > Performance, disable CSS file merging and compression.

    Best regards,
    Nikko

    March 21, 2020 at 8:17 pm #1195136
    Markus

    Hello Rikard,

    I added the CSS to quick CSS in Enfold Child Theme Options > General Styling > Quick CSS

    Unfortunately it doesn’t work. I use Enfold Child Theme. Is that relevant?

    Best regards
    Markus

    March 21, 2020 at 8:21 pm #1195138
    Markus

    Hi Nikko,

    thank you very much. Thats the solution for my problem. :-)

    Best regards
    Markus

    March 21, 2020 at 11:07 pm #1195156
    Mike

    Hi,
    Glad Nikko was able to help, shall we close this then?

    Best regards,
    Mike

    March 22, 2020 at 11:23 am #1195209
    Markus

    Hello Mike,
    yes you are more than welcome to close it. Thank you very much for your support.You guys are great.
    Best regards,
    Markus

    March 22, 2020 at 2:59 pm #1195240
    Nikko

    Hi Markus,

    We’re glad to hear that :)
    Thanks for using Enfold and have a great weekend!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Hover Effect Mail Symbol (Header & Footer)’ is closed to new replies.