Hi,
In previous releases, I did the following to add custom social links to the site but just noticed the css codes changed in release 2.7.1. Can you please help verify below is the correct syntax to use?
In previous releases,
layout.css,
#top .social_bookmarks_instagram:hover a{color:#fff; background-color:#a67658; }
in 2.7.1,
layout.css,
#top #wrap_all .av-social-link-instagram:hover a{color:#fff; background-color:#a67658; }
so to add a custom social icon, I need to use the new syntax, and the old syntax would not work any more. correct?
thanks,
Hi jackyking!
I’m not sure what you are asking how to do. The css you’ve listed doesn’t add a new social icon but instead it styles a single social icon.
Regards,
Devin
Hi Devin,
This was referring to one case that I opened previously. https://kriesi.at/support/topic/new-social-icons-3/
The only difference I found, compare to the previous procedures, was the css difference. That’s why I asked for clarification.
thanks,
Hey!
Yes, the class format now is:
.av-social-link-{name of the icon here}:hover a{ ... }
Check this topic for a reference:
https://kriesi.at/support/topic/use-different-social-icons/#post-263044
Regards,
Josue