Information Box Icon Color Change

Can someone please advice me on how to change the color of SVG icons located in information boxes?

https://testglidersports.kinsta.com/

Attachments:

You must be logged in to view attached files.

Hello,

Thank you so much purchasing our theme and contacting our support center.

We suggest you to find new icons for your custom blocks on this service https://www.flaticon.com/
There, you will be able to set their colors as well.

Kind Regards
XTemos Studio

I’m sorry I should have provided further clarification. The issues is when I upload an icon the color defaults to the pink/purple color. How do I change this?

I have created a custom SVG icon that I made with correct color, but when I upload it, it defaults to the color mentioned above.

Thanks

Attachments:

You must be logged in to view attached files.

Add my login info:

As we can see, the icon you uploaded already has this pink color defined in its source. It is not overridden by our theme https://gyazo.com/fa6c53aa12fda917b8cfb4d04f2bb854

I do not believe that is the case. The SVG image is originally green, see link below.

https://testglidersports.kinsta.com/wp-content/uploads/product_images//GSSVG.svg

Maybe you have some other SVG icon with similar CSS class and pink color that overrides this icon.

Where would this be? I haven’t uploaded any SVG’s with that color and only imported from your demo site. It does this with any SVG image I upload to the information box.

How do I fix?

Thanks,
Shawn

Yes, it seems that this color comes with our dummy content icons. Try to replace them with all your own icons.

I just tried that and the problem remains.

https://testglidersports.kinsta.com/

For some reason, the last icon overrides the color of all the other icons. Why is this?

Attachments:

You must be logged in to view attached files.

Because all icons SVG code are injected in the page code. And because they have similar CSS classes in their sources, these colors interceptions may appear

[Author]

Posts