Bullet Points in the Accordion

Site URL: https://tiffanyponce.squarespace.com/

Hello, 

Is there any way to add bullet points within the accordion? Like the content details. 

Possible. Depend on your case. What is access password? Can you share link to page where you use accordion?

tiffanyponce.squarespace.com

PW: tiffanyponce

22 hours ago, EbonyBullock said:

tiffanyponce.squarespace.com

PW: tiffanyponce

I don't see accordion on homepage. Which page are you referring to?

Hi, 

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

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

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):

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.

Thank you anniemilert!  asterisk space worked like a charm. 

If you need a second indent * space than tab key 🙂 

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.