Social Media Icons color and size on footer

Hi!

I cannot find where to change the color of the social media icons on the footer and I would like to know if it is possible to increase their size. 
Currently the social media icons are white and barely visible.

Thank you for the help in advance.
Regards,
Hash

Comments

  • edited July 2017
    Got this bit of code from support for Top Right SM icons and figure out footer SM icons form there. My question is how do we change SM icon colors without loosing the cool color fade transition?

    /* Change SM icon size Top  */
    #Action_bar .social li i {
    font-size:30px !important;
            color: #000 !important;
    }

    /* Change SM icon size Footer  */
    #Footer .social li i {
    font-size:30px !important;
            color: #000 !important;
    }

  • Hi,
    but you do not have any social media icons in your footer.
    thanks
  • edited July 2017
    Here is the link to website http://sportclips.pinnaclepeo.com/

    note: currently do not have "color: #000 !important;" implemented for SM in Action Bar--that color transition is nice and left it off until you let me know... Thank you.
  • Just change the color of <a> not the <i>, the transition is set on the a element and it has nothing to do with the color.

    #Action_bar .social li a {
    color:red !important
    }
  • edited July 2017
    so that did same as my earlier <i> footer edit but in color red--transition is not working--even added trailing semicolon after !important; and its solid red--could you take a look... TKX
  • Always change the <a> if you want the transition, not the <i>
  • This is the code for social media on top and its just solid red--no transition--thanks for your help:

    /* Change SM icon size Top  */
    #Action_bar .social li i {
    font-size:30px !important;
    }

    #Action_bar .social li a {
    color:red !important;
    }
  • Set the !important to the :hover as well.

    #Action_bar .social li a:hover {
    color:red !important;
    }
  • you are the man--thank you sir--works flawlessly!
Sign In or Register to comment.