Why is my HTML list not displaying properly?

Store Design
1

Hello,

The list doesn’t look correct.

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

thyft.JPG
thyft.JPG704×157 21.8 KB

Code :


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
1 Like
2

Hello @Max123456 ,

Please add the below CSS code to your asset file at the end of the file.

ol li {padding-bottom: 5px;padding-top: 5px;}

li ul li {padding-top: 10px;padding-bottom: 0;}

Please check the attached screenshot URL: https://prnt.sc/vwXL5xoEaZNw

Thanks.

1 Like
3

@bhavini How to increase the size of the text in blog posts?

1 Like
4

Hello @Max123456

Please add below CSS code for increase size of the text

ol li a {
    font-size: 18px;
}

Please check the attached screenshot URL: https://prnt.sc/4zHa1f16QKwL

Thanks.

1 Like