Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 15, 2021 at 12:30 am #1300440
    aussiedropbear

    Is there a way in which to get the social icons to be encased in a rounded background and always showing.

    Presently I have an ‘f’ for Facebook. When you hover over it, it displays a square blue background.

    Is it possible to have just a round background and always showing?

    Cheers
    John

    May 15, 2021 at 5:57 am #1300458
    Jordan Shannon

    Hey John,

    Please provide a link to the sit/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    May 18, 2021 at 5:40 am #1300859
    aussiedropbear

    Thanks Jordan.

    Link in PC

    Cheers John

    May 18, 2021 at 11:57 am #1300964
    Nikko

    Hi John,

    Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

    #top #wrap_all #header .av-social-link-facebook a {
    color: #fff;
    background-color: #37589b;
    border-radius: 50%;
}

    Best regards,
    Nikko

    May 20, 2021 at 1:42 am #1301256
    aussiedropbear

    thanks Nikko.

    that did the trick

    So if I had other social icons to do the same do I just try changing the name, say from .av-social-link-facebook to .av-social-link-instagram

    Cheers
    John

    May 20, 2021 at 4:34 am #1301294
    Jordan Shannon

    Hi,

    Yes, you would just target the name you are trying to style.

    Best regards,
    Jordan Shannon

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