Social media icons color merges with background

  • Resolved padhs2k

    (@padhs2k)


    10 years, 7 months ago

    Hi Ben,

    Not sure whether you can help me out this time..but the Tracks theme’s Social media icons on top seems to merge with the background. So it’s not visible to many people and its difficult for them to find a “Like” button for the

      entire

    website/blog.

    Is there a way that you can make them the regular color they are (i.e. blue for FB, Red for G+ and so on)?

    Or if you think a plugin can do this, can you let me know which has this facility?

    Thanks in advance!
    Padhma

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Padhma,

    Sure, this can be done with a little bit of CSS. Paste the following code into the bottom of your child theme’s style.css file to change the social icon colors:

    /* optional - make links full opacity */
#tracks-child .social-media-icons a,
#tracks-child .social-media-icons a:link,
#tracks-child .social-media-icons a:visited {
  opacity: 1;
}
/* change colors of facebook & google-plus icons */
.fa-facebook-square {
  color: #3b5998 !important;
}
.fa-google-plus-square {
  color: #dd4b39 !important;
}

    That will increase the opacity of the social icons, and change them to their brand colors.

    This will also affect the icons in the footer, but that can be changed if you’d like.

    Thread Starter padhs2k

    (@padhs2k)

    That worked!! Great support! Thanks again Ben, you are awesome!

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome! I’m happy to help ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Social media icons color merges with background’ is closed to new replies.