Space between list items without affecting Social Icons

[ad_1]

(still being a bit of a WP newbie..) I’m trying to add space between list items (li) in unordered lists (ul) and following recommendations I found in previous support posts results in the Social Icon backgrounds becoming “teardrop” shapes with their background colours being extended to match whatever “padding-bottom” I add.

I tried both:

li {
    padding-bottom: 16px;
}

and

.entry-content ul li {
    padding-bottom: 16px;
}

and both do the same thing to the icons.

The ul class for the Social Icons seems to be::
“wp-block-social-links alignright is-style-default”

and for the unordered list it appears to be:
“wp:list-item”

Is there a way to target only the ul li without affecting the Social Icon background shapes?

Thanks for any help 🙂

Should have mentioned: using Twenty Twenty-Four theme.

  • This topic was modified 47 minutes ago by rpmtl22. Reason: Added theme details

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer