Archived topic
SVG HTML icon color not changing
5 replies · Started by Grey on November 22, 2021
Hello,
I just added an SVT HTML code to a block.
It looks great, but it was added with its original color and Im trying to change it with the icon color option and it doesn't seem to do anything.
Thank you!
Hi there,
Any chance you can link us to the site in question?
You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
Sure, here is the site:
Hi Alfonso,
Can you specify which SVGs on the page are you trying to modify?
If it's these SVGs - https://share.getcloudapp.com/JrunEz47 - you won't be able to change their color as .svg files served as an image through <img> element will use its own inline colors and styles.
If these are the ones you're trying to change colors - https://share.getcloudapp.com/ApuEm1zw - then you can modify them through the Headline block that adds them.
On the Headline block's sidebar panel settings, you should see the "Icon color" setting under Colors tab - https://share.getcloudapp.com/v1uj9v0o
Yes, I am trying to modify the ones shown in this video: https://share.getcloudapp.com/ApuEm1zw
The ones on top are the ones I added. The ones below were already uploaded form the Site Library's original template.
I can only change the color to the ones preloaded from the original template, but can't change the color from the ones I uploaded.
The SVGs you've added have fill attribute values. https://share.getcloudapp.com/nOu57BOJ
You may have to remove them so they use the ones set from GBs generated CSS.
