Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 30, 2015 at 9:37 am #558387
    MadRhino

    Hi there, I’d like to customize the Social Share Buttons so that (i) the border around them is removed, (ii) the color of the icons is black, (iii) that all current hover effects are removed and replaced with the icons being shown in #22b3ed on hover.
    Could you please help me with that?

    Many thanks for your help and Happy New Year

    December 31, 2015 at 11:49 pm #558781
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    January 4, 2016 at 9:59 am #559074
    MadRhino

    Here we go Josue. You can see the social share buttons below the slider on the left-hand side

    Many thanks.

    January 4, 2016 at 12:09 pm #559123
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    #top #wrap_all .av-share-link,
#top .av-share-box ul {
    border: 0;
}
#top #wrap_all .av-share-link a{
    color: black;
}

#top #wrap_all .av-share-link:hover a{
    background: none;
    color: #22b3ed;
}

    Cheers! 
    Josue

    January 4, 2016 at 12:46 pm #559145
    MadRhino

    Thanks Josue, this looks great. It’s just that the icons are a little small. Is it possible to increase their size by, let’s say, 75%, perhaps even twice their original size?

    Many thanks.

    January 4, 2016 at 12:53 pm #559149
    Josue

    Hey!

    Try:

    #top #wrap_all .av-share-link a{
    font-size: 60px;
}

    Cheers!
    Josue

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