Newbie: Help with Vertical Spacing on Footer Widget

Closed. This question is off-topic. It is not currently accepting answers.

---

Your question should be specific to WordPress. Generic PHP/JS/SQL/HTML/CSS questions might be better asked at Stack Overflow or another appropriate Stack Exchange network site. Third-party plugins and themes are off-topic for this site; they are better asked about at their developers' support routes.

Closed 6 years ago.

Improve this question

I'm a WP newbie here and trying to get a sense of how everything's working around WP and CSS in particular. I'm currently designing my Footer layout that has 4 Widget areas arranged horizontally. The widgets I choose are the Posts Categories, Pages, Menus, and Woocommerce Product Categories, which give me a list of all menus and pages of my site.

For some reason, the list from Woocommerce Product Categories is not vertically aligned with those from other widgets. The spacing seems off and each row looks slightly below where it should be positioned (please see attached image).

Anybody could help point out where I go wrong? Thank you in advance!

Closed. This question is off-topic. It is not currently accepting answers.

---

Your question should be specific to WordPress. Generic PHP/JS/SQL/HTML/CSS questions might be better asked at Stack Overflow or another appropriate Stack Exchange network site. Third-party plugins and themes are off-topic for this site; they are better asked about at their developers' support routes.

Closed 6 years ago.

Improve this question

I'm a WP newbie here and trying to get a sense of how everything's working around WP and CSS in particular. I'm currently designing my Footer layout that has 4 Widget areas arranged horizontally. The widgets I choose are the Posts Categories, Pages, Menus, and Woocommerce Product Categories, which give me a list of all menus and pages of my site.

For some reason, the list from Woocommerce Product Categories is not vertically aligned with those from other widgets. The spacing seems off and each row looks slightly below where it should be positioned (please see attached image).

Anybody could help point out where I go wrong? Thank you in advance!

• widgets
• footer

Share Improve this question asked Mar 9, 2019 at 4:47 AnthonyAnthony 1322 bronze badges 2

• Can you please share a website link here so I can help you. – Tanmay Patel Commented Mar 9, 2019 at 4:53
• sure. it's tfdesign.co.id – Anthony Commented Mar 9, 2019 at 4:54

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

You can change CSS as below.

.widget.woocommerce.widget_product_categories ul li {
    display: block;
    margin: 0;
    padding: 0 0 3px;
}