Support » Plugin: Simple Social Icons » Simple, but I prefer more colorful icons

  • 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)
  • 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 Author Ron Rennick

    (@wpmuguru)

    MultiSite Guru

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

    #wrap .social-gplus a:hover {

    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.