Title: Smaller icons
Last modified: August 21, 2016

---

# Smaller icons

 *  Resolved [aj1a](https://wordpress.org/support/users/aj1a/)
 * (@aj1a)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/smaller-icons/)
 * How do I make the icons smaller?
 * [http://wordpress.org/plugins/menu-social-icons/](http://wordpress.org/plugins/menu-social-icons/)

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

 *  Thread Starter [aj1a](https://wordpress.org/support/users/aj1a/)
 * (@aj1a)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/smaller-icons/#post-4210228)
 * see [http://www.jessicahardacre.com](http://www.jessicahardacre.com) to understand
 *  Plugin Author [pdclark](https://wordpress.org/support/users/pdclark/)
 * (@pdclark)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/smaller-icons/#post-4210247)
 * 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](http://wordpress.org/plugins/menu-social-icons/),
   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](http://wordpress.org/plugins/jetpack/),
   [Simple Custom CSS](http://wordpress.org/plugins/simple-custom-css/), or [Custom CSS Manager](http://wordpress.org/plugins/custom-css-manager-plugin/).
 * 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](http://youtu.be/hA2rjDwmvms).
 * Thanks for using Menu Social Icons! If you find it helpful, please [share your thoughts in a quick review](http://wordpress.org/support/view/plugin-reviews/menu-social-icons#postform)!
 *  Thread Starter [aj1a](https://wordpress.org/support/users/aj1a/)
 * (@aj1a)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/smaller-icons/#post-4210322)
 * Thanks Paul! Awesome plugin!

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

The topic ‘Smaller icons’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/menu-social-icons_ffffff.svg)
 * [Menu Social Icons](https://wordpress.org/plugins/menu-social-icons/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/menu-social-icons/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/menu-social-icons/)
 * [Active Topics](https://wordpress.org/support/plugin/menu-social-icons/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/menu-social-icons/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/menu-social-icons/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [aj1a](https://wordpress.org/support/users/aj1a/)
 * Last activity: [12 years, 7 months ago](https://wordpress.org/support/topic/smaller-icons/#post-4210322)
 * Status: resolved