Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #16903

    Hi.

    I’m loving this theme!

    My site is colorful. I’d like the color of the Twitter, Facebook, and RSS icon boxes to stay bright instead of white until they are hovered over. How do I remove that effect please?

    Thank you,

    ASL4

    #93333

    Add following code to css/custom.css to deactivate the hover effect:

    .social_bookmarks .rss:hover {
    background: url("../images/layout/icon-rss.png") no-repeat scroll 0 center transparent;
    }
    .social_bookmarks .facebook:hover {
    background: url("../images/layout/icon-facebook.png") no-repeat scroll 0 center transparent;
    }
    .social_bookmarks .twitter:hover {
    background: url("../images/layout/icon-twitter.png") no-repeat scroll 0 center transparent;
    }
    .social_bookmarks .mail:hover {
    background: url("../images/layout/icon-mail.png") no-repeat scroll 0 center transparent;
    }
    .social_bookmarks .dribbble:hover {
    background: url("../images/layout/icon-dribbble.png") no-repeat scroll 0 center transparent;
    }
    .social_bookmarks .linkedin:hover {
    background: url("../images/layout/icon-linkedin.png") no-repeat scroll 0 center transparent;
    }
    .social_bookmarks .search:hover {
    background: url("../images/layout/icon-search-top.png") no-repeat scroll 0 center transparent;
    }
    .social_bookmarks .gplus:hover {
    background: url("../images/layout/icon-gplus.png") no-repeat scroll 0 center transparent;
    }

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Remove the Hover Effect from Social Media Icons’ is closed to new replies.