How to decrease spacing between bullet points?

Store Design
, , , ,

Topic summary

A user needed to reduce the vertical spacing between bullet points on their Shopify product page (specifically on the Ashwagandha and Black Pepper Capsules page).

Solution provided:

  • Add custom CSS to the theme.liquid file
  • Insert the code above the closing </body> tag
  • Target the li.icon-with-text__item class with margin-bottom: 5px !important;

Resolution: The CSS solution successfully resolved the spacing issue. The discussion is closed with the problem solved.

Summarized with AI on October 26. AI used: claude-sonnet-4-5-20250929.
1

Screenshot 2025-07-27 205303
Screenshot 2025-07-27 205303610×215 16.7 KB

How can I minimize the distance between the bullet points? (Don’t mind the spelling mistakes)

1 Like
2

Hey @cvv

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

Sure the store URL is exivonutrition.com, pw is yooloy7687

4

The problem is located on the Ashwagandha and Black Pepper Capsules product page.

1 Like
5

Hey @cvv

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
li.icon-with-text__item {
    margin-bottom: 5px !important;
}
</style>

image
image1163×622 117 KB

If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

1 Like
6

Thank you very much.

1 Like
7

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

1 Like