Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 29, 2015 at 12:02 pm #526686
    bakbek

    Hi, how can I change the outline/border and the sharing icons color to – #2846aa. I want to keep the hover effect that gives each sharing option its own color, just to change the default color when there is no hover over them – http://screencast.com/t/tbnWUwYnSt

    Thanks.

    October 29, 2015 at 3:23 pm #526842
    Yigit

    Hey DROR!

    Please add following code to Quick CSS

    .av-share-box * {
    border-color: #2846aa!important;
}
li.av-share-link.av-social-link-mail {
    border-left: none;
}
.av-share-box ul li:first-child {
    border-left: 1px solid #2846aa;
}

    Regards,
    Yigit

    October 29, 2015 at 4:00 pm #526904
    bakbek

    Thanks, what about the icons themselves – http://screencast.com/t/U4BHD6mgCRv – Can I also make them the same Blue color as the outline?

    October 29, 2015 at 4:06 pm #526916
    Yigit

    Hi!

    Yes, please add following code to Quick CSS as well

    .av-share-box ul li a { color: #2846aa; }

    Best regards,
    Yigit

    October 29, 2015 at 4:12 pm #526921
    bakbek

    Added the code but the color remains the same as before.

    October 29, 2015 at 4:14 pm #526924
    Yigit

    Hi!

    Please try changing the code to following one 

    .av-share-box ul li a { color: #2846aa !important; }
.av-share-box ul li a:hover { color: white !important; }

    Cheers!
    Yigit

    October 29, 2015 at 4:37 pm #526943
    bakbek

    Perfect. Thanks :)

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How to change the color of the sharing icons?’ is closed to new replies.