-
I have a square SVG file of my logo. And I need to replace the place-holder logo which is just before the ‘Capital’ name in the footer. (in case it is not clear, I am using the ‘capital’ starter site).
I have two questions:
1. How can I replace the existing logo with a SVG square logo of mine.
2. There are many places in the site where I would like to use icons of my own (for instance the services section of this page: https://firestorm-internet.com/services/ ). How can we add icons of our own, and then add them to the pages?Thank you for your help.
-
Hi there,
1. The logo in the footer is using an SVG icon in our Headline block. To change it, you can go to “Appearance > Elements” and choose the “Footer” Element. Then click the Headline block with the icon, and use your icon, instead.
2. These icons use the same method (in our Headline block). Simply edit the page, select the block, and use your own SVG icons instead of the ones we’ve used.
Let us know if you need more info 🙂
-
hey Tom, thank you. I was able to replace the Capital logo with my logo.
Now I know how to replace the SVG icon files. However, I need your help to understand how to add icons on my pages for which I can change colors. More details here: https://snipboard.io/quoRze.jpg
-
Hi there,
Could you provide the SVG markup of one of the icons you downloaded from Flaticon?
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" version="1.0" viewBox="0 0 384 384"><defs><filter id="a" width="100%" height="100%" x="0%" y="0%"><feColorMatrix color-interpolation-filters="sRGB" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/></filter><filter id="b" width="100%" height="100%" x="0%" y="0%"><feColorMatrix color-interpolation-filters="sRGB" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0.2126 0.7152 0.0722 0 0"/></filter><mask id="c"><g filter="url(#a)"><g filter="url(#b)" transform="scale(.75)"><image xlink:href="data:image/png;base64,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" width="512" height="512"/></g></g></mask></defs><g mask="url(#c)"><image xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAIAAAB7GkOtAAAABmJLR0QA/wD/AP+gvaeTAAADEUlEQVR4nO3BgQAAAADDoPlTX+EAVQEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMBvArQAAVkUTe8AAAAASUVORK5CYII=" width="512" height="512" transform="scale(.75)"/></g></svg> -
Hi there,
It’s likely that your SVG has the color baked in, which means our CSS isn’t able to change it.
Perhaps it’s possible to export it without any colors, so it can inherit the text color?
-
Thank you Tom. Will try them out.
-
No problem!
- You must be logged in to reply to this topic.