Title: How to decrease line height in footer wigets?
Last modified: July 24, 2021

---

# How to decrease line height in footer wigets?

 *  [kevinmac](https://wordpress.org/support/users/kevinmac/)
 * (@kevinmac)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/how-to-decrease-line-height-in-footer-wigets/)
 * I have created menu items in the footer widget area but I notice that the line
   height is too much. There is too much gap between the menu items. Here is a screenshot
   of the problem:
    -  This topic was modified 4 years, 11 months ago by [kevinmac](https://wordpress.org/support/users/kevinmac/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fhow-to-decrease-line-height-in-footer-wigets%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Leo](https://wordpress.org/support/users/leohsiang/)
 * (@leohsiang)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/how-to-decrease-line-height-in-footer-wigets/#post-14697527)
 * Hi there,
 * Any chance you can link us to the site in question?
 * Let me know 🙂
 *  Thread Starter [kevinmac](https://wordpress.org/support/users/kevinmac/)
 * (@kevinmac)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/how-to-decrease-line-height-in-footer-wigets/#post-14697769)
 * Hi Leo,
 * Yes here is the link: [http://www.shorturl.at/irLS0](http://www.shorturl.at/irLS0)
 *  [Leo](https://wordpress.org/support/users/leohsiang/)
 * (@leohsiang)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/how-to-decrease-line-height-in-footer-wigets/#post-14698015)
 * That link just takes me to this page:
    [https://www.shorturl.at/](https://www.shorturl.at/)
 *  Thread Starter [kevinmac](https://wordpress.org/support/users/kevinmac/)
 * (@kevinmac)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/how-to-decrease-line-height-in-footer-wigets/#post-14698677)
 * Ok, try this one. Its the third link.
 * [https://i.ibb.co/Pt3k2jY/2021-07-25-9-48-45-AM.png](https://i.ibb.co/Pt3k2jY/2021-07-25-9-48-45-AM.png)
 *  [Leo](https://wordpress.org/support/users/leohsiang/)
 * (@leohsiang)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/how-to-decrease-line-height-in-footer-wigets/#post-14699024)
 * Hmm looks like the block widget is causing the issue.
 * Can you try a navigation menu widget instead?
 * Then you would get the same layout as the footer of our site here:
    [https://generatepress.com/](https://generatepress.com/)
 * Let me know if this helps 🙂
 *  Thread Starter [kevinmac](https://wordpress.org/support/users/kevinmac/)
 * (@kevinmac)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/how-to-decrease-line-height-in-footer-wigets/#post-14699716)
 * Ok that seems to help a lot however the gap between the title and the menu items
   is still larger than the site you sent me. Also, I notice that the title of the
   menu items is bold on your website but when I make it bold by changing the H3
   font to Bold, it does not reflect.
 *  [Elvin](https://wordpress.org/support/users/ejcabquina/)
 * (@ejcabquina)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/how-to-decrease-line-height-in-footer-wigets/#post-14700794)
 * Hi there,
 * You have this custom CSS that is causing the space between the menu and the title.
 *     ```
       .site-footer .widget-title {
           margin: -20px -20px 20px -20px;
           padding: 20px;
           background-color: #000;
           color: #fff !important;
       }
       ```
   
 * It’s the margin bottom 20px + the padding on that CSS.
 * As for the fontweight.
 * How are you setting it? The selector for the widget title is h2.widget-title.
 * Example:
 *     ```
       .widget-title{
       font-weight: 600;
       }
       ```
   
 *  Thread Starter [kevinmac](https://wordpress.org/support/users/kevinmac/)
 * (@kevinmac)
 * [4 years, 11 months ago](https://wordpress.org/support/topic/how-to-decrease-line-height-in-footer-wigets/#post-14702648)
 * I went to Customize > Typography > Heading 3 (H3) and changed the size but no
   effect. When I inspected the titles with Chrome Inspect, it appears that the 
   titles were wrapped in H3 which is why I assumed that that was the setting to
   use. I have used your code to bold the titles and that worked good, thanks however
   the code for the gap still did not work. Here is a screenshot
 * [https://ibb.co/RQ8rWwR](https://ibb.co/RQ8rWwR)
 *  [David](https://wordpress.org/support/users/diggeddy/)
 * (@diggeddy)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/how-to-decrease-line-height-in-footer-wigets/#post-14703053)
 * Hi there,
 * as Elvin mentioned, you have this CSS ( in Customizer > Additional CSS ):
 *     ```
       .site-footer .widget-title {
           margin: -20px -20px -20px -20px;
           padding: 20px;
           background-color: #000;
           color: #fff !important;
       }
       ```
   
 * To remove the additional margin its adding then Change it to:
 *     ```
       .site-footer .widget-title {
           margin: -20px -20px 0px -20px;
           padding: 20px;
           background-color: #000;
           color: #fff !important;
       }
       ```
   
 *  Thread Starter [kevinmac](https://wordpress.org/support/users/kevinmac/)
 * (@kevinmac)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/how-to-decrease-line-height-in-footer-wigets/#post-14703165)
 * Solved. Thank you!
 *  [David](https://wordpress.org/support/users/diggeddy/)
 * (@diggeddy)
 * [4 years, 10 months ago](https://wordpress.org/support/topic/how-to-decrease-line-height-in-footer-wigets/#post-14705039)
 * Glad to hear that

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

The topic ‘How to decrease line height in footer wigets?’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/generatepress/3.6.1/screenshot.
   png)
 * GeneratePress
 * [Support Threads](https://wordpress.org/support/theme/generatepress/)
 * [Active Topics](https://wordpress.org/support/theme/generatepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/generatepress/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/generatepress/reviews/)

 * 11 replies
 * 4 participants
 * Last reply from: [David](https://wordpress.org/support/users/diggeddy/)
 * Last activity: [4 years, 10 months ago](https://wordpress.org/support/topic/how-to-decrease-line-height-in-footer-wigets/#post-14705039)
 * Status: not resolved