[Resolved] Customizing the Categories Widget in the Footer Section

[Stefan]

Hi GeneratePress,

I would like to do two adjustments to the Footer’s Categories Widget (available through the Customize section of the theme).

1) How do I make sure all the categories show up? I have 12 categories but only 10 show up in the footer section.

2) How do I adjust the line-height of the different widgets in the footer section? I would like the text lines below the “Categories” section (the bottom part of the footer) to be the same spacing as they are in the top part of the footer (“Start Here,” “Blog”, etc.). Please see the screenshot here for a visual representation of the line-height difference (https://i.imgur.com/wfZ83hq.png). I tried customizing the CSS (class .cat-item) but I couldn’t get the desired results.

Looking forward to your feedback.

[Leo]

Hi Stefan,

1) That’s a WordPress widget so the theme (any themes) doesn’t have any control.

Maybe an article like this would help:
https://www.webnots.com/how-to-customize-wordpress-categories-widget/

2) I feel like you’ve added some custom CSS that’s causing this issue. Can you disable Autopimize or any caching plugin so I can see the source better?

Thanks 🙂

[Stefan]

Hi Leo,

1) Thanks. I will look into it.

2) I just disabled Autooptimize.

Let me know if I need to do something else.

Regards,
Stefan

[Leo]

This CSS you’ve added is causing the issue:
https://www.screencast.com/t/29igaIgPX

[Stefan]

Hi Leo,

Yes, that’s causing the issue.

The reason I did it is because I wanted to have the categories displayed in the blog section to have more spacing. See the screenshot: https://i.imgur.com/4kxHnfZ.png.

Is there a way to have the Categories Block have one spacing in the Footer and another in the Blog Page?
I reduced the font size so it’s easier to navigate.

Regards,
Stefan

[Leo]

Replace the selector of your original CSS with this one:
.wp-block-categories li.cat-item

[Stefan]

Thanks! Works like magic!

[Leo]

No problem 🙂

[Author]

Posts