Different color for Social Icons

  • Resolved iena69

    (@iena69)


    11 years, 3 months ago

    I would like to have a different color in the footer for the social icons.
    Is tehre a way using css?

Viewing 7 replies - 1 through 7 (of 7 total)

  • yes..

    #footer-bottom .fa-twitter {
color: #00f; // your color
}
#footer-bottom .fa-facebook {
color: #fff; //your color
}
#footer-bottom .fa.fa-google-plus{
color:#000; //your color
}
#footer-bottom .fa-dribble{
color:#000; //your color
}
#footer-bottom .fa-rss{
color:#000; //your color
}

    if you are using same color for all icons
    use

    #footer-bottom .fa-rss ,#footer-bottom  .fa-dribble ,#footer-bottom .fa-google-plus ,#footer-bottom  .fa-facebook ,#footer-bottom .fa-twitter{
color:#00f;
}

    Thread Starter iena69

    (@iena69)

    mmm thank you m8 but that doesn’t work ??

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Let’s see your site so that we can explore why

    Thread Starter iena69

    (@iena69)

    https://www.hitsquad.it

    As colors are inline by theme , it gets overrided..

    try this

    #footer-bottom .fa-facebook-square,#footer-bottom .fa-youtube-square,#footer-bottom .fa-comments , #footer-bottom .fa-gamepad{
color:#000 !important ; //your color
}

    Thread Starter iena69

    (@iena69)

    As colors are inline by theme , it gets overrided..

    try this
    #footer-bottom .fa-facebook-square,#footer-bottom .fa-youtube-square,#footer-bottom .fa-comments , #footer-bottom .fa-gamepad{
    color:#000 !important ; //your color
    }

    Bingo, that works.
    Thank You!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Different color for Social Icons’ is closed to new replies.

Tags