Adding multiple custom bullet points

Hi there! Thanks to this wonderful forum, I figured out how to add a custom bullet point (mine is a checkmark).

Now I'm getting greedy and want to have more than one custom bullet point. I'll paste the code I'm using below. If anyone knows how to add other custom bullet points and how to tell Squarespace when I'd like them to appear, please share! Thanks.

//bullet points

ul[data-rte-list] li>*:first-child::before {
    content: "\2714";
    font-weight: 600;
    font-size: 42px;
    position: relative;
    top: 8px;
    color: #8f502e;
}

Can you share link to page where you use bullet points? We can adjust code for your case easier

On 2/4/2024 at 3:53 AM, tuanphan said:

Can you share link to page where you use bullet points? We can adjust code for your case easier

I use the "checkmark" bullet points on this page: https://www.benevolentbeasts.ca/about

I'd love to also use either "X" bullet points or heart-shaped bullet points.

Thanks in advance!

On 2/11/2024 at 2:14 AM, amandaclairef said:

I use the "checkmark" bullet points on this page: https://www.benevolentbeasts.ca/about

I'd love to also use either "X" bullet points or heart-shaped bullet points.

Thanks in advance!

Use this CSS code

body#collection-64519074792d7e3c48387e07 ul[data-rte-list] li>*:first-child::before {
    content: "X" !important;
}