Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • October 1, 2015 at 2:30 am #511911
    mcraig77

    How do I change the background circles colors for the social icons? Is there a way to have each one a different color?

    October 1, 2015 at 9:30 am #512020
    Rikard

    Hey mcraig77,

    Could you provide us with a link to the site in question so that we can take a closer look please? What colours would you like?

    Regards,
    Rikard

    October 1, 2015 at 9:41 am #512027
    mcraig77

    My site is in maintenance mode but you can access it with the private data.

    October 1, 2015 at 1:41 pm #512158
    Yigit

    Hi!

    Please add following code to Quick CSS and adjust as needed

    #top #wrap_all .av-social-link-instagram a {
    color: #fff;
    background-color: #a67658;
}
#top #wrap_all .av-social-link-facebook a {
    color: #fff;
    background-color: #37589b;
}
#top #wrap_all .av-social-link-twitter a {
    color: #fff;
    background-color: #46d4fe;
}

    Best regards,
    Yigit

    October 1, 2015 at 10:23 pm #512462
    mcraig77

    thanks! but I wanted the icons to not have a circle normal and on rollover the color… that code is for normal circle…

    October 2, 2015 at 8:41 am #512606
    Rikard

    Hi,

    Try the following as well: 

    #header_main .social_bookmarks li a {
    border-radius: 0px !important;
}

    Thanks,
    Rikard

    • This reply was modified 8 years, 6 months ago by Rikard.
    October 2, 2015 at 7:18 pm #512972
    mcraig77

    not quite. What I want is the following:

    I want the icons black without a circle normal.

    On hover I want the icons white and the background hover circle a custom color…

    Please advise.

    October 5, 2015 at 4:56 am #513450
    Rikard

    Hey,

    Please try the following:

    #top .social_bookmarks li a {
    color: black !important;
    background-color:transparent !important;
}

#top .social_bookmarks li a:hover {
    color: white !important;
    background-color:black !important;
}

    Regards,
    Rikard

    October 5, 2015 at 5:11 am #513457
    mcraig77

    OK cool … but how do I get each icon to have a different hover background circle color?

    October 5, 2015 at 1:03 pm #513724
    Yigit

    Hi!

    Please add following code to Quick CSS and adjust as needed

    #top #wrap_all .av-social-link-instagram:hover a {
    background-color: #a67658;
}
#top #wrap_all .av-social-link-facebook:hover a {
    background-color: #37589b;
}
#top #wrap_all .av-social-link-twitter:hover a {
    background-color: #46d4fe;
}

    Regards,
    Yigit

    October 5, 2015 at 11:58 pm #514087
    mcraig77

    Perfect!

    October 6, 2015 at 1:13 am #514096
    mcraig77

    When I clock on one of these icons not there is a line underneath the icon… how do I have this not happen?

    See screenshot

    October 6, 2015 at 4:49 pm #514575
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    #top #header_main .social_bookmarks li a {
    text-decoration: none!important;
}

    Best regards,
    Yigit

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