Smaller icons

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter aj1a

    (@aj1a)

    see https://www.jessicahardacre.com to understand

    Plugin Author Paul Clark

    (@pdclark)

    Hi aj1a,

    Thanks for using Menu Social Icons, and for taking the time to answer other forum posts!

    If you scroll to the bottom of the Plugin Description, you’ll see several built-in options that can be added to your theme’s functions.php to make the icons smaller. The default is 2x, so, adding this would make the icons a bit smaller:

    add_filter( 'storm_social_icons_size', create_function( '', 'return "large";' ) );

    And adding this would make the icons even smaller still:

    add_filter( 'storm_social_icons_size', create_function( '', 'return "normal";' ) );

    These presets were chosen because they are the “natural” ratios at which the icons display “pixel perfect”. That just means they display clearer across all monitors. If those sizes aren’t quite right, and it’s okay for the edges to be slightly less sharp, you can use this CSS to adjust the size (changing the pixel value):

    li.social-icon > a i { font-size:12px; }

    If you have a child theme, you can place that CSS in your style.css file. Otherwise, you can add custom CSS with plugins like JetPack, Simple Custom CSS, or Custom CSS Manager.

    If you are new to editing CSS, you can refer to this video tutorial that covers editing alignment, padding, color, and size: Editing CSS for Menu Social Icons.

    Thanks for using Menu Social Icons! If you find it helpful, please share your thoughts in a quick review!

    Thread Starter aj1a

    (@aj1a)

    Thanks Paul! Awesome plugin!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Smaller icons’ is closed to new replies.