Jump to content

Squarespace broke bullet points in accordions

Go to solution Solved by TestAccount786,

Recommended Posts

If it's not already enough of a struggle, when I edit already existing descriptions in the accordion it suddenly changes how my bullet points look.

Squarespace now treats the title of an accordion as a bullet point, and if you do bullet points in the accordion description it treats them as indented bullet points, and indented bullet points as double indented bullet points.

Changing the style using

ul[data-rte-list] li ul li p:before {
    content: "-" !important;
    font-weight: 400;

doesn't work anymore

If I use this code instead: 

ul li>*:first-child::before {content: "→";}

It also puts the symbol next to the accordion title. I am really really close to just dropping Squarespace and moving my 2 websites over if I had the time right now. It's absolutely ridiculous, let me decide if I want new changes to be applied or not. How do I roll back???


Here is the page in question https://www.kern-werkzeuge.com/akkuschrauber-gsr-18v-150-c

Link to comment
  • Replies 2
  • Views 293
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

  • Solution


This line of code changes the look of the bullet points to normal dots:

ul {
    list-style-type: disc;

and this changes the bullet points of the indented to normal dots:

ul ul ul {
    list-style-type: disc;

For some reason when you update your description Squarespace applies a different CSS for the bullet points as previously. Idk how long this will serve as a solution, let's see

Link to comment

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.