Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 11, 2016 at 9:23 am #684706
    schlauchius

    Hi there,

    I tried to reverse the color of social share (older thread here: https://kriesi.at/support/topic/reverse-the-colours-of-the-social-share-buttons/) but the solution of 2014 doesn’t work in 2016. I guess you changed the classes or something but I’m not able to figure it out on my own.

    Could you provide me the right css code so all social share buttons after blog posts appear in color as they would when you hover? I want this so the color catch peoples eyes and the share more often.

    Thanks a lot guys for your great work!

    • This topic was modified 8 years, 3 months ago by schlauchius.
    September 12, 2016 at 6:24 am #684889
    Rikard

    Hi schlauchius,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    September 13, 2016 at 10:18 am #685621
    schlauchius

    Hi Rikard,

    no problem!

    Thanks a lot!

    September 14, 2016 at 2:57 am #686113
    Jordan

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .av-social-link-facebook:hover a, .av-social-link-twitter:hover a, .av-social-link-gplus:hover a, .av-social-link-pinterest:hover a {
color: #888 !important;
background-color: white !important;
}
.av-social-link-facebook a {
color: #fff !important;
background-color: #37589b !important;
}
.av-social-link-twitter a {
color: #fff !important;
background-color: #46d4fe !important;
}
.av-social-link-gplus a {
color: #fff !important;
background-color: #de5a49 !important;
}
.av-social-link-pinterest a {
color: #fff !important;
background-color: #cb2027 !important;
}

    Best regards,
    Jordan

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