Jump to content

Remove Custom Bullet Point in Calendar and Accordion Blocks

Recommended Posts

I'm trying to remove or hide the custom bullet point from two areas on my website (site 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) Accordion Block (/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

The code used for the custom bullet point was:


ul li:before{ 
content: ' '; 
display: inline-block; 
background-image: url(https://static1.squarespace.com/static/5601dac0e4b09de7ae50400c/t/5e0a70cf8b7f0f48e56721c3/1577742543701/UGP+Logo+No+Background.png); 
background-repeat: no-repeat; 
background-size: 18px; 
background-position: center; 
width: 18px; height: 18px; 
position: absolute; 
margin-left: -25px; 
margin-right: 0px; 
margin-top: 8px; 
margin-bottom: 0px; 
}

Link to comment
  • Replies 1
  • Views 328
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.