Changing + and - sign to up and down carets for accordions

Store Design
1

Hi,

May I know how to change the + and - sign for my accordion to up and down carets? I am inexperienced in coding. The code I have is:

2

@Juztean this is just a very basic guess, how this could work:

replace

content: '\002B';

with

content: '\2353';
transform: rotate(180deg);

and

content: "\2212";

with

content: '\2353';

Mario

3

Hi @r8r ,

it turned out like this:

Juztean_0-1630744409917.png
Juztean_0-1630744409917.png115×235 375 Bytes

but i want something like this:

Juztean_1-1630744432323.png

Is it possible?

4

@Juztean - line I Said, this was a very BASIC guess - by using html entities.
you’d probably want an icon font - the way this works, depends quite a bit on the environment, i.e. the theme you’re using and the assets that are already included.

For a sustainable answer, I‘d want access to the code. Otherwise there’s a lot of guessing involved.

5

Hi @Juztean ,

Please send your site and if your site is password protected, please send me the password.

I will check it for you.

6

Hi @LitExtension ,

My site is https://juz-fitness.myshopify.com/ and the password is traone. Thank you.

7

Hi @Juztean ,

please change code: https://pastebin.com/EHp4arAm

Hope it is clear to you.

Please mark as a solution if you find my answer helpful for you.

8

Hi @LitExtension ,

It turned out like this:

Juztean_0-1630760525294.png
Juztean_0-1630760525294.png667×217 6.02 KB

9

Sorry, I thought you were using the debut theme. Please change the code as below:
https://pastebin.com/vJJRNJAH

Hope it helps

10

Hi @LitExtension ,

It worked. Thank you so much.