WordPress.org

Ready to get started?Download WordPress

Forums

Simple Social Icons
Simple, but I prefer more colorful icons (4 posts)

3 stars
  1. Chad Warner
    Member
    Posted 1 year 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.

  2. satomom
    Member
    Posted 1 year 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;
    }
  3. Ron Rennick
    MultiSite Guru
    Plugin Author

    Posted 1 year ago #

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

    #wrap .social-gplus a:hover {

  4. satomom
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.