Replace Caret Accordion Icons with +/– in Sahara

Store Design
, , ,
1

Hi everyone,

I’m using the Sahara theme and need help with two customizations:

  1. Accordion Icons: I want to replace the caret accordion icons with plus (+) and minus (–) signs. The plus sign should show when the content is collapsed, and the minus sign should show when the content is expanded.

  2. Remove “Filter By”: I would also like to remove the “Filter By” text from the product filter section.

Could someone guide me on how to achieve these changes?

Thank you in advance!

2

@scedel1 thanks for posting here.
can you please share the link here to inspect.

3

Hi @scedel1 , can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible. And please describe your problem clearly. Can you take detailed screenshots of the areas that need fixing?

4

@ProtoMan44 it’s https://81fa36-63.myshopify.com/collections/all

5

https://81fa36-63.myshopify.com/collections/all

6

it’s https://81fa36-63.myshopify.com/collections/all

7

@scedel1 , I’m afraid the part about the caret seems difficult to replace. As for removing the “Filter by” line, it’s quite simple. Paste the following CSS code into the theme.css and base.css files (I’m not sure which is the common css file for this theme, but it’s usually one of the two theme.css or base.css files).

.facets__form .drawer__title.drawer__title--mb-lg.heading-static {
    display: none; 
}
8

@scedel1 Thnaks for response me back.

there it will need to change svg icons fron filter snippets. I hope you will done it otherwisw contact me back again.

thanks

9

I don’t understand. Can you clarify?