How can I add arrows in Collapsible content?

[Muselabel]

Hello,

I would like to add arrow in the collapsible content, so people can know that there is content beneath the words. Does anyone know how I can do this?

[Shadab_dev]

I am pretty sure that all themes that have collapsible content come with an arrow. Please share your url may be some css  would do it. If its not there on the page then probably have to add from the code editor.

[Muselabel]

Do you have a code for me?

[Shadab_dev]

Please share the store url, will check on it sometimes it's there but may be some code stops I'd from being displayed.

If not then will check the theme if you are using a free theme from Shopify then it's ok else I will need collaborator access to store to debug and add this.

Just to answer your question, no I don't have a code now but I know how to debug and see stuffs. Asl a freelancer that's my job.

[Muselabel]

https://muselabel.nl/

[Shadab_dev · Accepted solution]

told you it was hidden 

go to bas.css file on line 3596 you will see this code

svg.icon.icon-caret {

display: none;

}

Just change the word none to block so this

svg.icon.icon-caret {

display: block;

}

By the way if you are willing to spend a little i have a code which opens only one accordion at a time. So when one is clicked only that remains open and the others are closed. This improves user experience a bit.

Best
Shadab

[Muselabel]

Thank for your help it worked.

[Shadab_dev]

Great it worked out for you.