- This topic has 5 replies, 3 voices, and was last updated 4 years ago by
David.
-
AuthorPosts
-
July 14, 2021 at 7:39 am #1855460
Carlotta Gergely
Hi there, I have to rebuild a website for a customer who has currently a html page. The current logo should be included in the new one but it is html svg code. Now I am getting stucked because I don’t know how to include this in my generate press theme. I tried to set up a wp-head hook but it seems that something is missing. Here is the code:
<svg height=”120″ id=”logo” viewbox=”0 0 110 120″ width=”110″ xmlns=”http://www.w3.org/2000/svg”>
<title></title>
<g fill=”none” stroke=”#FFFFFF” stroke-linecap=”round” stroke-linejoin=”round” stroke-miterlimit=”10″ stroke-width=”5″> <path d=”M2.5,64.5c0,28.995,23.505,53,52.5,53s52.5-24.005,52.5-53″ id=”smile”></path> <g id=”eyes”> <line x1=”107.5″ x2=”107.5″ y1=”2.5″ y2=”40.5″></line> <line x1=”80.5″ x2=”80.5″ y1=”2.5″ y2=”40.5″></line> <polyline points=”2.5,40.5 2.5,2.5 29.5,40.5 29.5,2.5″></polyline> <line stroke-linecap=”butt” x1=”80.5″ x2=”107.5″ y1=”21.5″ y2=”21.5″></line> </g> </g> </svg>Thank you for your feedback and ideas.
CarlottaJuly 14, 2021 at 10:07 am #1855787Ying
StaffCustomer SupportHi Carlotta,
You can try to paste the SVG code to a tool like this, then you’ll be able to optimize and download the SVG.
https://jakearchibald.github.io/svgomg/Install SVG support or safe SVG plugin, then you can upload the SVG like a normal image, and set it as the logo at customizer > site identity.
Let me know if you need further assistance 🙂
July 20, 2021 at 12:24 am #1862196Carlotta Gergely
Hi Ying,
finally I have my logo as svg and animated but there is another problem. I copied the svg to the media library and added to the logo field in customizer. But when I look on the site it comes without the animation. So is it not possible to use animated svg logos with GeneratePress?
Carlotta
July 20, 2021 at 2:35 am #1862359David
StaffCustomer SupportHi there,
GP doesn’t know that you have an Animated SVG.
This will be related to the SVG file and the method you’re using for the animation.
How is the animation created ? And is there a link to the site where i can see it ?July 20, 2021 at 8:28 am #1863092Carlotta Gergely
Hi there,
Thanks for your reply, I found a solution, the link is https://dev.nathalie-huber.ch if you would like to see it. I created the SVG with SVGator but the export was in JS which doesn’t work. They told me to use the CSS Format for the export and it works now fine on Firefox, Chrome, MS Edge but not on Safari so I need to check with them how to solve this issue.July 20, 2021 at 1:24 pm #1863511David
StaffCustomer SupportOh thats rather fun 🙂
Works for me and on Safari (MacOS) too.Glad to see you got it resolved.
-
AuthorPosts
- You must be logged in to reply to this topic.