Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 10, 2015 at 4:19 pm #550500
    user951

    Is there any way you can display social media icons on the footer (across from copyright) and in the header…

    With colour, without having to hover over?

    So they are Twitter sapphire, Youtube Red, Facebook Royal blue, without needing to hover?

    Thanks.

    December 10, 2015 at 4:47 pm #550539
    Josue

    Hey!

    Try adding this code to the Quick 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; }

    Cheers! 
    Josue

    December 10, 2015 at 4:49 pm #550541
    user951

    Quick CSS?

    December 10, 2015 at 4:51 pm #550546
    Josue

    Hi!

    Enfold (Theme Options) > General Styling (scroll down) > Quick CSS.

    Regards,
    Josue

    December 10, 2015 at 8:41 pm #550686
    user951

    Josue,

    You are a gentleman. Is there any Quick CSS just to seperate them ever so slightly?

    December 10, 2015 at 11:16 pm #550766
    Josue

    Hey!

    Try with this:

    .social_bookmarks li {
    margin: 0 4px;
}

    Adjust as needed.

    Best regards,
    Josue

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