How to replace the arrow in collapsible content with a plus and minus

Store Design
, , , , , , , ,
1

Hey, how can I replace the arrow in collapsible content?

I’d like it so that when the content is closed, there’s a plus, and when it’s opened, there’s a minus.

Exactly like it works here on this store: https://tomnoske.store/products/cinema-luts
(Just scroll all the way down to see it).

I want this to work on both desktop and mobile.

Here’s my store URL: https://1049xn-ya.myshopify.com/products/editing-masterclass
(Just scroll all the way down to see it).

Thanks so much, I really appreciate the help.
Tim

2

@CreatorTim You need to replace the svg icon code from liquid files.

3

Could you please help me with this? How should I do it?

Thanks,
Tim

4

Here’s the code:

{% render 'icon-accordion', icon: block.settings.icon %}

{{ block.settings.heading | default: block.settings.page.title | escape }}

{{- 'icon-caret.svg' | inline_asset_content -}}