Genesis Social Profiles Menu
gray scale styling (3 posts)

  1. John
    Posted 3 years ago #

    What css styling did you use to get the gray scale icons that you show in your sample photo's?


  2. daveshine (David Decker)
    Plugin Author

    Posted 3 years ago #

    You can add something like the following CSS code to your child theme's style.css file:

    /* Genesis Social Profiles Menu Plugin: Custom Styles
    ------------------------------------------------------------ */
    /* Background Color */
    .gspm-sp {
    	background: #666 !important;
    /* Hover Color/ Effects */
    .gspm-sp:hover {
    	background: #ccc !important;

    Just play with color values...

    Note: This code/styling applies to the included "StudioPress" icons, and the added helper class that is used for them .gspm-sp

    I hope this helps :)

  3. daveshine (David Decker)
    Plugin Author

    Posted 3 years ago #

    I forgot:
    When using the StudioPress icon set you also have to add the helper class to the menu items (where you add the CSS classes in the menu), like so:

    twitter-sp-s24 gspm-sp

    Just use one space between the two classes.

    I hope that helps, Dave :)

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic