Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 7, 2017 at 7:50 pm #805247
    camtay

    Hi there. The social buttons at the bottom of my blog posts are all white and very muted. It looks cool and design-y but it’s hard to people to see where they’re supposed to click.

    Is there a way to make the color of each button be visible without hovering?

    Thank you!

    June 7, 2017 at 11:27 pm #805377
    Jordan Shannon

    Hey camtay,

    Add the following to quick css:

    #top #wrap_all .av-social-link-facebook:hover a, #top #wrap_all .av-social-link-twitter:hover a, #top #wrap_all .av-social-link-gplus:hover a, #top #wrap_all .av-social-link-pinterest:hover a {
color: #888;
background-color: white;
}
#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;
}
#top #wrap_all .av-social-link-gplus a {
color: #fff;
background-color: #de5a49;
}
#top #wrap_all .av-social-link-pinterest a {
color: #fff;
background-color: #cb2027;
}

#top #wrap_all .av-social-link-linkedin a {
color: #fff;
background-color: #419cca;
}

#top #wrap_all .av-social-link-tumblr a {
color: #fff;
background-color: #345574;
}

#top #wrap_all .av-social-link-reddit a {
color: #fff;
background-color: #ff4500;
}

#top #wrap_all .av-social-link-mail a {
color: #fff;
background-color: #9fae37;
}

    Best regards,
    Jordan Shannon

    June 8, 2017 at 10:07 am #805506
    camtay

    Hi Jordan,
    Sweet, thank you! That worked.
    Only small detail, the last 4 icons don’t hover to white for some reason…
    Thanks again!
    Camille

    June 8, 2017 at 3:39 pm #805611
    Jordan Shannon

    Hi,

    Please replace what I originally gave you with this:

    #top #wrap_all .av-social-link-facebook:hover a, #top #wrap_all .av-social-link-twitter:hover a, #top #wrap_all .av-social-link-gplus:hover a, #top #wrap_all .av-social-link-pinterest:hover a, #top #wrap_all .av-social-link-linkedin:hover a, #top #wrap_all .av-social-link-tumblr:hover a, #top #wrap_all .av-social-link-reddit:hover a, #top #wrap_all .av-social-link-mail:hover a, {
color: #888;
background-color: white;
}
#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;
}
#top #wrap_all .av-social-link-gplus a {
color: #fff;
background-color: #de5a49;
}
#top #wrap_all .av-social-link-pinterest a {
color: #fff;
background-color: #cb2027;
}

#top #wrap_all .av-social-link-linkedin a {
color: #fff;
background-color: #419cca;
}

#top #wrap_all .av-social-link-tumblr a {
color: #fff;
background-color: #345574;
}

#top #wrap_all .av-social-link-reddit a {
color: #fff;
background-color: #ff4500;
}

#top #wrap_all .av-social-link-mail a {
color: #fff;
background-color: #9fae37;
}

    Best regards,
    Jordan Shannon

    June 8, 2017 at 3:56 pm #805622
    camtay

    Great, thanks Jordan!

    June 8, 2017 at 4:01 pm #805628
    Jordan Shannon

    Hi,

    No problem at all. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Make social buttons at bottom of post colored in’ is closed to new replies.