Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 22, 2018 at 4:41 pm #1024963
    Mickyhood

    Hi, i want to know how i can change the hover effect in the social icon custom.

    In the private content i give you the link of my website.

    How to do it for give a social icon Slack another hover effect?

    • This topic was modified 6 years, 2 months ago by Mickyhood.
    October 22, 2018 at 9:28 pm #1025133
    Jordan Shannon

    Hey Mickyhood,

    This would have to be done via css. What effect are you looking to achieve.

    Best regards,
    Jordan Shannon

    October 22, 2018 at 9:54 pm #1025141
    Mickyhood

    Like the other icons. A background color and the icon that changes color when the cursor is on it.

    Thanks for the reply, do a great job with this forum. :)

    • This reply was modified 6 years, 2 months ago by Mickyhood.
    October 23, 2018 at 8:51 pm #1025612
    Victoria

    Hi Mickyhood,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

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

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 24, 2018 at 9:42 pm #1026119
    Mickyhood

    I insert it but not work. Why? If you want to see in the website is now insert.

    October 25, 2018 at 4:06 am #1026184
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field or in your WordPress > Customize > Additional CSS

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

    If this doesn’t help, please include a admin login in the private content area so we can take a closer look.

    Best regards,
    Mike

    October 25, 2018 at 4:02 pm #1026379
    Mickyhood

    Yeah! Work!!! Thanks a lot. Great!

    October 25, 2018 at 5:23 pm #1026431
    Jordan Shannon

    Hi,

    I’m glad that worked. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change social icon top hover effect.’ is closed to new replies.