Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 1, 2015 at 6:06 am #388935
    ronduring

    I customized some aspects of the social media icons in the existing quick CSS and the layout of where the icons are now are good. However the hover over color for each of the icons I have in place needs to be adjusted. Below is a copy of the quick css I have in place, and the URL to review is in private. Please let me know what needs to be done.

    #top .social_bookmarks li a { font-size: 24px; }
    #top .social_bookmarks li {
    padding: 20px;
    width: 50px;
    }
    #top #wrap_all .av-social-link-twitter: a {background-color: #46dffe; color:#fff }
    #top .social_bookmarks_facebook a {color: #fff; background-color: #37589b;}
    #top .social_bookmarks_twitter a {color: #fff; background-color: #37589b;}
    #top .social_bookmarks_instagram a {color: #fff; background-color: #37589b;}
    #top .social_bookmarks_youtube a {color: #fff; background-color: #37589b;}

    February 2, 2015 at 7:46 pm #389594
    Elliott

    Hi ronduring!

    You can change the hover color like so.

    #top .social_bookmarks_twitter:hover a { background: green !important; }

    etc etc

    Cheers!
    Elliott

    • This reply was modified 9 years, 9 months ago by Elliott.
    February 2, 2015 at 7:51 pm #389601
    ronduring

    Thanks, if you look at the sample url, if you can. On mouse over the icons are not loading the hover over color properly. Is there a way to move the position of the hover over color to what we updated to?

    February 3, 2015 at 8:03 pm #390321
    Elliott

    Hi!

    Remove this.

    #top .social_bookmarks li {
padding: 20px;
width: 50px;
}

    And use margins instead.

    #top .social_bookmarks li {
margin: 10px;
}

    Regards,
    Elliott

    February 3, 2015 at 8:08 pm #390326
    ronduring

    Thanks! That worked.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Custom Social Media Icons in Header’ is closed to new replies.