Title: decreasing padding between icons
Last modified: August 22, 2016

---

# decreasing padding between icons

 *  Resolved [partialtopink](https://wordpress.org/support/users/partialtopink/)
 * (@partialtopink)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/decreasing-padding-between-icons/)
 * I’d like to decrease the amount of space between my social icons in my navigation
   menu. I don’t want to decrease the padding between my pages, just the icons. 
   Where do I edit this in the .css?
 * The website is [http://www.partialtopink.com](http://www.partialtopink.com) …
   thank you!
 * [https://wordpress.org/plugins/menu-icons/](https://wordpress.org/plugins/menu-icons/)

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

 *  [Dzikri Aziz](https://wordpress.org/support/users/kucrut/)
 * (@kucrut)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/decreasing-padding-between-icons/#post-5354325)
 * Hey!
 * The easiest way I can think of is to add custom CSS classes to menu items that
   only show icons. When editing the menu in Appearance > Menus:
    1. Click on the **Screen Options** tab on the upper right of the page
    2. Tick the **CSS Classes** checkbox
    3. Click on the **Screen Options** tab again to close the dropdown
    4. Edit each menu items that should only show icons
    5. Enter `icon-only` in the **CSS Classes (optional)** field
    6. Then, in your CSS file, use that class to change the padding
 *     ```
       .menu .icon-only a { padding: 20px 5px}
       ```
   
 *  Thread Starter [partialtopink](https://wordpress.org/support/users/partialtopink/)
 * (@partialtopink)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/decreasing-padding-between-icons/#post-5354387)
 * Thank you! Which CSS file do I enter the above code?
 *  Thread Starter [partialtopink](https://wordpress.org/support/users/partialtopink/)
 * (@partialtopink)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/decreasing-padding-between-icons/#post-5354390)
 * Nevermind — able to troubleshoot myself. Added it to the overall site’s CSS. 
   Worked perfectly! Thanks, Dzikri!

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

The topic ‘decreasing padding between icons’ is closed to new replies.

 * ![](https://ps.w.org/menu-icons/assets/icon-128x128.png?rev=2526860)
 * [Menu Icons by Themeisle – Add Icons to Navigation Menus](https://wordpress.org/plugins/menu-icons/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/menu-icons/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/menu-icons/)
 * [Active Topics](https://wordpress.org/support/plugin/menu-icons/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/menu-icons/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/menu-icons/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [partialtopink](https://wordpress.org/support/users/partialtopink/)
 * Last activity: [11 years, 7 months ago](https://wordpress.org/support/topic/decreasing-padding-between-icons/#post-5354390)
 * Status: resolved