Issues with Bullet Points Formatting in Shopify Blog

[Michelle_30]

Hi everyone, I'm currently using Shopify to manage my blog, and I've run into a problem that I can't seem to solve. Every time I try to add bullet points to my blog posts, the entire structure of the page becomes a mess. The formatting gets all weird—extra spaces appear, and the alignment is off, making the post look unprofessional. My blog link is https://vape4usa.com/blogs/news/how-many-puffs-does-a-breeze-disposable-vape-last

Has anyone else experienced this issue? How do you properly format bullet points in Shopify without disrupting the overall structure? Any tips or tricks would be greatly appreciated!

[Dani]

Looking at the bullet points on the page you've linked to, it looks as if the HTML code is correct for listing list items. However, normal paragraphs have the CSS code (among other CSS rules):

.article-page .article-content p {
    margin-left: auto;
    margin-right: auto;
    max-width: 820px;
}

On the other hand, unbulleted lists have the CSS code:

dl, ol, ul {
    margin: 0;
}

I have no experience with Shopify, but if you have the ability to manually set CSS anywhere, you can fix your problem by adding the CSS:

.article-page .article-content ul {
    margin-left: auto;
    margin-right: auto;
    max-width: 820px;
}