Change Normal Lists CSS

Hello,

I am trying to change the CSS of the current lists in newsmag to something like https://www.windowscentral.com/special-fallout-4-character-stats-builds-and-perks-list

I want the spacing and the padding of the starting text to be aligned with starting text, exactly like the link.

Can anybody help me.

Hello, anyone can help me?

Hello, There.

You can try this one:

Go to your site wp-admin, and than you can log in to your wordpress dashboard.

In the dashboard, you go to the Newsmag > Theme panel > Custom code.

In the Custom code, you can click Custom CSS:

Insert code below to your custom css:

.td-post-content ol li{
    margin-bottom: 10px;
    margin-top:10px;
    list-style-position: outside;
    line-height:28px;
}

After that, click Save Settings.

I hope it works.

• This reply was modified 8 years by Titus Sutio Fanpula.
• This reply was modified 8 years by Titus Sutio Fanpula. Reason: Add bold to the point and add code in css code

It worked like 75%

The alignment was fixed but i also want the spacing between the numbers and the text also

• This reply was modified 8 years by Gbugmenot.

Hello, There.

You can using the code below:

.td-post-content ol li{
margin-bottom: 10px;
margin-top:10px;
list-style-position: outside;
line-height:28px;
padding-left: 12px;
}

You can change 12px on padding-left with the distance you want.

Note: it’s only work for post. If you want it work’s for page too, you can add this code below the code.

.td-page-content ol li{ 
    margin-bottom: 10px;
    margin-top:10px; 
    list-style-position: outside; 
    line-height:28px; padding-left: 15px; }

I hope it Works.

• This reply was modified 8 years by Titus Sutio Fanpula.

Thanks, it finally worked