Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #388935

    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;}

    #389594

    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, 1 month ago by Elliott.
    #389601

    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?

    #390321

    Hi!

    Remove this.

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

    And use margins instead.

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

    Regards,
    Elliott

    #390326

    Thanks! That worked.

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