Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 23, 2014 at 8:28 pm #372236
    voice903fm

    I’ll like to keep the Social icon in the top menu area on always. Example: For the Facebook instead of it turning to Blue when I hover over it, I won’t it to be BLUE always. How do I do this?

    December 23, 2014 at 8:52 pm #372255
    Elliott

    Hi voice903fm!

    Add this to your custom CSS.

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

    You may need to use the !important override like this.

    #top #wrap_all .av-social-link-reddit 	 a{color:#fff !important; background-color:#FF4500 !important; }

    Cheers!
    Elliott

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