How to fix spacing issues in HTML list?

[Max123456]

Hello,

The list doesn’t look correct.

The text is too close at 3 and it is not beautiful.

1. Lorem ipsum dolor sit amet, consectetur adipiscing

1. Quisque pretium nibh vitae orci lacinia commodo. Sed consequat, leo non faucibus sodales

1. Quisque sit amet est et nisl pretium semper. Aliquam sed ligula luctus

   - Curabitur finibus, lacus ac imperdiet sodales, est sapien pulvinar eros

   - Curabitur non enim efficitur, dictum mi eu, malesuada magna

[KetanKumar]

@Max123456

please share link with code

[Max123456]

@KetanKumar https://imeoqvziyt52lvjg-63061000428.shopifypreview.com/blogs/infos/articles?preview_key=c268b869602c635408bb19f4c62942d2

[KetanKumar]

@Max123456

thanks for all details can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.rte ol ul {margin-top: 10px;}

[Max123456]

@KetanKumar good thanks but the ul list is too spaced

[KetanKumar]

@Max123456

its my pleasure to help us

[Max123456]

@KetanKumar how to have less space in the ul list?

[KetanKumar]

@Max123456

yes, please share screenshot which spacing

[Max123456]

@KetanKumar I sent a screenshot on the first message

[KetanKumar]

@Max123456

[Max123456]

@KetanKumar https://acc2diy1jriod7wv-63061000428.shopifypreview.com/blogs/infos/articles?preview_key=7f92565f6299ff56fd8de75e8a0205c2

[KetanKumar]

@Max123456

yes, please try this code

.rte li {
    margin-bottom: 5px;
}

[Max123456]

@KetanKumar How to make the text not to be on the whole page? like this blog post : https://crane-faction.com/blogs/blog-tete-de-mort/tatouage-tete-de-mort

[KetanKumar]

@Max123456

yes, please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.template-article .main-content .page-width {max-width: 100%;}