Home › Forums › Support › Bolding the start of each list This topic has 3 replies, 2 voices, and was last updated 3 years, 9 months ago by David. Viewing 4 posts - 1 through 4 (of 4 total) Author Posts June 19, 2020 at 9:58 am #1334385 jm1991 Hey there, Is there a way to bold the start of each <li> e.g. 1. Some text 2. Some text My CSS currently looks like: ol li { margin: 0 0 0.75em; padding: 0 0 0 1.5em; margin-left: 32px; margin-right: 32px; } If I add font-weight: bold; then that makes everything wrapped within <li>bold, which is fine in some cases, but not in every case. I just want the number to be bold. Thanks! June 19, 2020 at 10:22 am #1334409 DavidStaff Customer Support Hi there, couple of methods: 1. HTML method – your markup would need to be like so: <ol> <li><span>List item</span></li> <li><span>List item</span></li> </ol> and then you can do this: ol li { font-weight: bold; color: #ff0000; } ol li span { font-weight: 400; color: #000; } OR 2. Pure CSS: ol { counter-reset: item; } ol>li { list-style-type: none; counter-increment: item; position: relative; } ol>li:before { position: absolute; left: -1.8em; font-weight: bold; text-align: right; content: counter(item) "."; } June 19, 2020 at 12:55 pm #1334548 jm1991 Great. Thanks! June 20, 2020 at 4:04 am #1335158 DavidStaff Customer Support You’re welcome Author Posts Viewing 4 posts - 1 through 4 (of 4 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In