Custom Bullet Point Showing in Calendar and Accordion Blocks

I am trying to remove or hide the custom bullet point from two areas on my page (teamugp.squarespace.com // pw: team):

1) Calendar Block (/events)

• I only want to hide the logo bullet point in the hover box that appears when you hover over a date that has an event
• You can see the logo bullet point to the bottom left of the event title in the hover box
• I want to keep the logo bullet points displaying directly on the calendar for when there are multiple events (eg. June 19)

2) FAQs (/faqs)

• The logo bullet point shows on the upper left corner of each row of the accordion block and I'd like to hide or remove it

#1. Add to Design > Custom CSS

.has-event ul.flyoutitemlist li:before {
    display: none !important;
}

#2. Add to Design > Custom CSS
 

.accordion-block li:before {
    display: none;
}

I'm having the same issue but the code above doesn't solve the problem for me. Please could you help? The code I've used for the bullet point is as below

li>*:first-child::before{content:"\27E1"!important}

Thank you!

On 5/8/2024 at 12:18 AM, cverity said:

I'm having the same issue but the code above doesn't solve the problem for me. Please could you help? The code I've used for the bullet point is as below

li>*:first-child::before{content:"\27E1"!important}

Thank you!

Change your code to this

div.html-block li>*:first-child::before{content:"\27E1"!important}

On 5/9/2024 at 10:34 AM, tuanphan said:

Change your code to this

div.html-block li>*:first-child::before{content:"\27E1"!important}

 

thank you so much! 🙂