I would like to change the icons to circle one and to have my custom color (like facebook not blue but orange, for example).
I am sending you an example to better understand. How can I do that?
Thank you very much!
Hey studiono,
Thanks for the screenshot, could you post a link to where we can see the actual elements as well please?
Best regards,
Rikard
Hi Rikard, what do you mean? I only have that picture, if you want to see them in position you can check the links I am sending you.
Hi,
Try this CSS:
#header_meta .social_bookmarks a {
border-radius: 100%;
background: red;
}
Best regards,
Rikard
I tried that but nothing changed – I need them to be 3 different colors and always on – not only on hover.
thanks!
and I just realized that this code also changes the social media icons in the lower part of the footer, making them circle as well
Hi studiono,
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 #header .av-social-link-facebook a {
color: #fff;
background-color: #37589b;
}
#top #wrap_all #header .av-social-link-youtube a {
color: #fff;
background-color: #a72b1d;
}
#top #wrap_all #header .av-social-link-instagram a {
color: #fff;
background-color: #a67658;
}
If you need further assistance please let us know.
Best regards,
Victoria
it works! super!
thanks a lot Victoria!
Hi studiono,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria