How to Design Bullets & Lists?

Astra by default provides a simple design for bullets and lists. Below is the screenshot for simple code added with WordPress editor in ‘Text’ mode and its output with Astra –

If you would like to add some style to bullets and lists, you can use the following CSS. Below are the steps that show how to use CSS.

  • Step 1 – Add following CSS classes to ol (ordered lists) and ul (unordered list).
    • For ol (ordered lists) – ‘ast-content-ol-list’
    • For ul (ordered lists) – ‘ast-content-ul-list’
  • Step 2 – Copy the following custom CSS to your website. Read how you can add custom CSS? 

After adding the CSS, your bullets and lists will look as below –

Not the solution you are looking for? Check other articles, or open a support ticket.