How I can change the color of the icon (hotspot feature)?


How can I change the color of the symbol (shopping bag)?
In the option it is only possible to change the color of the circle, but not the color of the shopping bag.
It is always black.

Hi @Andrej_M
can you share store URL?

Hi @Andrej_M you can change the color of icon by using css. If you could share your store url it will be really helpful.
Regards,
Sarib Khan (Shopify Developer).

Hi @Andrej_M ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save


Hope my solution works perfectly for you! Merry Christmas :heart:

Best regards,

Oliver | PageFly

Hi @Andrej_M you can paste this code in you theme file

Step 1: Go to Online Store >Theme >Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file before the tag and Hit Save.


If you find it helpful please mark it as a solution
Regards,
Sarib Khan (Shopify Developer)
[LinkedIn Profile](https://www.linkedin.com/in/sarib-khan-912299209)

Hello @Andrej_M

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.css file

  3. Paste the below code at bottom
    .hotspots__buttons .hotspot__button {
    left: 35%;
    top: 54%;
    background-color: #4459bf !important;
    animation: pulse 2s infinite;
    }

That was what I was looking for. Thank you!!!

1 Like

Hey @saribkhan ,

back then the code was working, but now the symbol is black again.

I didn’t change anything. Do you have a solution for this?