How to decrease line height in footer wigets?

Hi there,

Any chance you can link us to the site in question?

Let me know ??

Hi Leo,

Yes here is the link: https://www.shorturl.at/irLS0

That link just takes me to this page:
https://www.shorturl.at/

Ok, try this one. Its the third link.

https://i.ibb.co/Pt3k2jY/2021-07-25-9-48-45-AM.png

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/

Let me know if this helps ??

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.

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;
}

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

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;
}

Solved. Thank you!

Glad to hear that