Jump to content

Bullet Points in the Accordion

Recommended Posts

  • 2 weeks later...
  • 3 weeks later...
7 hours ago, TaraParekh said:

Hi, 

I have the same question.  How do I add bullets to the accordion, in the description? Thanks!

Depend. Can you share link to page where you added accordion? We can give code easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...

I added this to mine ... but it's a bit of a hack ☺️

.accordion-item__description p:before {content:"• ";}

... and then I discovered that the excellent tuanphan has answered this very elegantly in #8. of his accordion CSS list below (look at page 4 of the comments for details on indenting the unordered list items):

 

Edited by TrevorS
New information available
Link to comment
  • 2 months later...
  • 2 weeks later...
  • 4 weeks later...
  • 6 months later...
On 9/18/2022 at 12:53 AM, anniemilert said:

VERY SIMPLE to turn text into bullets it turns out! All you have to do in an accordion description is type the asterisk and the spacebar, and voila! You have a bullet. The subsequent text is automatically bulleted as usual.

OMG thank you. I had like 50 lines of custom code trying to target a specific accordion. 

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.