Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 15, 2014 at 6:44 pm #336310
    dsauce

    Hello,
    Currently the social media icons are grayed out. Can you provide quick CSS code to change to their original colors? Or tell me where I can easily change.

    Thanks for being the best support staff I’ve run into.

    dsauce

    October 16, 2014 at 6:04 am #336538
    Ismael

    Hi dsauce!

    Thank you for using Enfold.

    You can add this on Quick CSS or custom.css:

    #top #wrap_all .av-social-link-rss	   	 a{background-color:#fff; color:#ffa133; }
#top #wrap_all .av-social-link-facebook  a{background-color:#fff; color:#37589b; }
#top #wrap_all .av-social-link-twitter   a{background-color:#fff; color:#46d4fe; }
#top #wrap_all .av-social-link-mail      a{background-color:#fff; color:#9fae37; }
#top #wrap_all .av-social-link-dribbble  a{background-color:#fff; color:#e44885; }
#top #wrap_all .av-social-link-linkedin  a{background-color:#fff; color:#419cca; }
#top #wrap_all .av-social-link-search    a{background-color:#fff; color:#222222; }
#top #wrap_all .av-social-link-gplus     a{background-color:#fff; color:#de5a49; }
#top #wrap_all .av-social-link-behance   a{background-color:#fff; color:#008cfa; }
#top #wrap_all .av-social-link-flickr    a{background-color:#fff; color:#ff0086; }
#top #wrap_all .av-social-link-forrst    a{background-color:#fff; color:#234317; }
#top #wrap_all .av-social-link-myspace   a{background-color:#fff; color:#000000; }
#top #wrap_all .av-social-link-tumblr    a{background-color:#fff; color:#345574; }
#top #wrap_all .av-social-link-vimeo     a{background-color:#fff; color:#31baff; }
#top #wrap_all .av-social-link-youtube   a{background-color:#fff; color:#a72b1d; }
#top #wrap_all .av-social-link-pinterest a{background-color:#fff; color:#cb2027; }
#top #wrap_all .av-social-link-skype 	   a{background-color:#fff; color:#12a5f4; }
#top #wrap_all .av-social-link-instagram a{background-color:#fff; color:#a67658; }
#top #wrap_all .av-social-link-five_100_px a{background-color:#fff; color:#222222; }
#top #wrap_all .av-social-link-soundcloud  a{background-color:#fff; color:#F76700; }
#top #wrap_all .av-social-link-xing 	     a{background-color:#fff; color:#006567; }
#top #wrap_all .av-social-link-vk 	   	 a{background-color:#fff; color:#597BA5; }
#top #wrap_all .av-social-link-reddit 	 a{background-color:#fff; color:#FF4500; }

    Cheers!
    Ismael

    February 2, 2015 at 3:35 am #389113
    Micheal0424

    #top #wrap_all .av-social-link-facebook a{background-color:#37589B; color:#fff; }
    #top #wrap_all .av-social-link-twitter a{background-color:#46D4FE; color:#fff; }
    #top #wrap_all .av-social-link-gplus a{background-color:#DE5A49; color:#fff; }

    I used it in my website and it worked great, thank you!!

    It is not showing up this way in the mobile device?

    How do I get it to show up the same way in the mobile devices?

    February 2, 2015 at 5:42 pm #389483
    Yigit

    Hi!


    @micheal0424     Have you flushed browser cache on your mobile device after applying the code?
    If so, can you post the link to your website please?

    Regards,
    Yigit

    February 2, 2015 at 6:06 pm #389517
    Micheal0424
    This reply has been marked as private.
    February 4, 2015 at 12:23 pm #390685
    Ismael

    Hi!

    Add the !important value:

    #top #wrap_all .av-social-link-facebook a{background-color:#37589B !important; color:#fff !important; }
#top #wrap_all .av-social-link-twitter a{background-color:#46D4FE !important; color:#fff !important; }
#top #wrap_all .av-social-link-gplus a{background-color:#DE5A49 !important; color:#fff !important; }

    Best regards,
    Ismael

    February 5, 2015 at 4:23 pm #391416
    Micheal0424

    That worked perfect, thank you!!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Change Social Media Icons to their original color’ is closed to new replies.