Simple, but I prefer more colorful icons

  • Chad Warner

    (@chad-warner)


    12 years, 2 months ago

    Simple to configure. All icons must be a single color; I prefer multi-colored icons. It uses the old Twitter icon. It’d be nice to control the icon order.

Viewing 3 replies - 1 through 3 (of 3 total)
  • satomom

    (@satomom)

    12 years ago

    FYI, it is possible to style each icon so that it’s a different color, using your CSS file. Here’s an example: I wanted the colors to show up on hover, so this is what I placed in my CSS file.

    /* Simple Social Icons
------------------------------------------------------------ */

.social-gplus a:hover {
	background-color: #DD4B39 !important;
}

.social-linkedin a:hover {
	background-color: #006599 !important;
}

.social-pinterest a:hover {
	background-color: #C8232C !important;
}

.social-rss a:hover {
	background-color: #F78C1A !important;
}

.social-twitter a:hover {
	background-color: #1AB2E8 !important;
}

    Plugin Contributor Ron Rennick

    (@wpmuguru)

    12 years ago

    @satomom – thanks for posting a solution. You might be able to use #wrap to eliminate the !important. Ex

    #wrap .social-gplus a:hover {

    satomom

    (@satomom)

    12 years ago

    Thanks, Ron — yes, that worked! I appreciate the tip.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Simple, but I prefer more colorful icons’ is closed to new replies.