# Stylize Numbered Lists

**URL:** <https://community.hubspot.com/t/stylize-numbered-lists/19883>\
**Category:** Blog, Website & Page Publishing\
**Created:** [April 6, 2020, 4:15pm UTC](https://community.hubspot.com/t/stylize-numbered-lists/19883 "2020-04-06T16:15:02Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![karengerberry](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/karengerberry/32/100526_2.png) [@karengerberry](https://community.hubspot.com/u/karengerberry)\
**Post date:** [April 6, 2020, 4:15pm UTC](https://community.hubspot.com/t/stylize-numbered-lists/19883/1 "2020-04-06T16:15:02Z")

</div>

I am very beginner to but understand how stylesheets work and all that. I am looking to create/update the default style on our numbered lists to look way more modern.

Does anyone have a video or walkthrough of how to accomplish this the most effective and efficient way? I started down a path of applying HTML styling in all the different areas and that just seems messy and hard to keep up with.

---

<div class="post-metadata">

**Author:** ![alyssamwilie](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/alyssamwilie/32/2072_2.png) [@alyssamwilie](https://community.hubspot.com/u/alyssamwilie)\
**Post date:** [April 11, 2020, 1:12am UTC](https://community.hubspot.com/t/stylize-numbered-lists/19883/2 "2020-04-11T01:12:38Z")

</div>

Hi @karengerberry ,  
CSS Tricks has a good, simple article on styling number lists. You’ll want to add the CSS you write to your website’s main stylesheet in the Design Manager.  
[https://css-tricks.com/custom-list-number-styling/](https://css-tricks.com/custom-list-number-styling/)
