-
Posts
-
I created a SVG version of the logo because I can’t make a png or jpg that is really sharp.
When I select it to display as the logo it’s not displayed..
When I insert it as an image in the content it displays just fine.
When I inspect the code I don’t see a reference to the image:<span class="logo avia-svg-logo"><a href="https://my-site/" class="av-contains-svg" aria-label="logo-top" title="logo-top"></a></span>and in the header it shows:
a.av-contains-svg | 0 x 116When I select a .png as logo and the during inspect I change the filename to the svg filename it displays as it should.
<img src="https://my-site/wp-content/uploads/2024/12/logo-top2.png" height="100" width="300" alt="my-site" title="logo-top2">changed to:
<img src="https://my-site/wp-content/uploads/2024/12/logo-top.svg" height="100" width="300" alt="my-site" title="logo-top2">How can I fix this?
if this belongs to your belgium page – i can see the svg logo.
First – even if the text in your svg is a common font (helvetica) it might be better to convert those letters to path.try it with: https://webers-testseite.de/logo-top.zip
https://webers-testseite.de/logo-top.svg
by the way: you are not forced to have the logo inside that logo container – you can overlap the header area:
https://webers-testseite.de/abcdef/Hi,
Thanks for helping out @guenni007. Did that answer your question Dirk Messiaen?
Best regards,
RikardHi Rikard
Hi Guenni007
@Guenni007
I don’t know if you saw the logo on the header of my site or if you just saw the logo when clicking the link bu tI couldn’t see it. I still can’t when I use the logo I created.
But when I use the logo you send me it displays just fine.
How did you convert the svg file? What changed in de svg file so that it displays in the header?
I’m using Inkscape now to create vector images. Used to use CorelDraw, but stranded at version X4. I’m fairly new to Inkscape.I will certainly test the logo overlap. I’ve seen this on other sites and what you put on your demo site is exactly what I wanted but couldn’t get it to overlap. It displayed for a split second overlapped and then jumped back in the header.
By the way – you can open svg files with good text editors. (Sublime Text on Mac – or Notepad++ on Windows)
That’s a first hint. I opened your logo in Illustrator and created meaningful groups. I then edited these in Sublime Text. Above all, I renamed the standard Illustrator group names (manually) and assigned IDs to the groups.But unfortunately I’ll have to put you off until after Christmas – from now on I’ll be in off-duty mode.
As I said, it’s always better for us who want to help to be able to analyze the page with the problems.Hé Guenni007
I appreciate what you do immensely.
Making a demo site, converting my logo, …
Where do you find the time?I manged to put the logo on the site with overlap.
Had to fiddle with the z-index because the slider was constantly displaying on top.I compared my logo and your logo with notepad++ and boy what a difference.
I don’t have access to Illustrator but I converted my logo with SVGPathCommander to path and that logo displays also. Will have to figure out how to do it properly with Inkscape when I find the time. First time working with SVG. I’ve been out of the business for almost 10 years. I used to code all my sites with NotePad++ from scratch.“As I said, it’s always better for us who want to help to be able to analyze the page with the problems.”
What type of access do you need to do this? Is the access URL not enough?I wish you a very Merry Christmas and Happy Holidays!!
- You must be logged in to reply to this topic.