Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1178751

    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!

    • This topic was modified 4 years, 10 months ago by studiono.
    #1178899

    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

    #1178911

    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.

    #1179250

    ?

    #1179282

    Hi,

    Try this CSS:

    #header_meta .social_bookmarks a {
        border-radius: 100%;
        background: red;
    }

    Best regards,
    Rikard

    #1179632

    I tried that but nothing changed – I need them to be 3 different colors and always on – not only on hover.

    thanks!

    #1179732

    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

    #1179798

    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

    #1179803

    it works! super!

    thanks a lot Victoria!

    #1179884

    Hi studiono,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.