Hi dear Andrew, I have created a svg file online and downloaded it. I have uploaded the file into website as logo. its not showing up as my logo. I would appreciate helping me with this. you can have a look if it makes it easier for you.
Private Snippet
my logo
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
This is a private message.
very similar
This is a private message.
Hi Nahdi
WordPress doesn’t accept SVG uploads by default. You’ll need to first try using a plugin like this:
https://wordpress.org/plugins/svg-support/
This is a private message.
Is this the image you’d like to use as your logo?
Private Snippet
It looks a little big. There is a lot of transparent space around the logo.
When using a SVG in an image tag which is what is happening here, we need to set the dimensions. At the bottom of your Custom CSS you’ll find:
#masthead .hgroup .logo img { height: auto; max-width: 1010px; }Add width: to that and the SVG will appear:
#masthead .hgroup .logo img { height: auto; max-width: 1010px; width: 1010px; }You’ll then see the challenge with the SVG being so big.
dear Andrew, I just cant get the logo big enough without having a big space around it. Is there any solution to have the
previous proportion I used to have on my logo? If not please help me with another way. I need to have a text logo with
the same appearance as my logo not picture of a text(not gif or jpg files)
If you go to Media and click on your logo, the space appears to be coming from the SVG itself. Can you check that out perhaps?
I know what you mean. you mean I cant do what I want through svg file. So can you help me to have my logo like before using a text ? (not image).
Sure. The challenge was that a logo was set at Appearance > Customize > Site Title and Logo using Jetpack AND at Appearance > Theme Settings > Logo. I’ve resolved.
Dear Andrew, I didn’t mean to put my site title as my logo. Off course this is the proportion I mean. Pleas help me to
put “Oven Star The oven cleaning specialist” as my logo like I used to have it. in my previous logo you see what I had in the past. “Oven Star” big size and “The oven cleaning specialist small” But I had the image version of it. That’s why I tried SVG. Because I want “Oven Star The oven cleaning specialist” as a text logo not an image. And I want my “Oven Star” with yellow srtoke as you can see in my SVG file. Can you help me with that?
Sorry about that.
Are you running into problems re-adding your image logo? That can be done from Appearance > Theme Settings > Logo. Did you run into a problem adding your previous logo back?
All I need is to have “Oven Star The oven cleaning specialist” as my logo. will you be able to do it for me? I want it as a text not as image. I want the first two words big”Oven Star” and next 4 words small “The oven cleaning specialist” and I made it previously using SVG file but as you said SVG files have a big gap around them. so Is there any solution? I repeat again I only want the first two words big size “Oven Star” and next 4 words small “The oven cleaning specialist” . I also repeat agin: I don’t want an image logo. I want my logo as text
Thanks for explaining.
The site title is a single line. If you want to change the size of the site title text or the font we can certainly assist with that.
Here is the Custom CSS rule for the site title if you’d like to go without a logo but edit the display of the site title text:
/* Site Title */ header#masthead .hgroup h1 { color: #666666; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 36px; }Dear Andrew, it is very clear I am only asking about my logo. I don’t want my site tite get changed as In seo I want it as it is. It is very simple. I just want my logo be a text. I want to create a logo image that shows up as a text like svg and the only reason is because SEO will read my logo if it is a text not an image like gif or jpeg. I was happy with my gif logo but it wasn’t readable for SEO. I want the same logo I used to have in the format of a file which supports text. SVG is good but
the gap around it doesn’t let me to have it as the right size. I was wondering can you give me codes to get rid of the gaps around svg file? if not then is there any other way I set my logo image as a readable text for SEO?
Unfortunately, I haven’t worked with SVG’s much. The correct preparation of your SVG logo so it is the correct size would need to happen on your side. On the whole this isn’t a task I’ve ever looked into so I don’t know of any other way to achieve the described task.
Ok thanks anyway Andrew
Sorry we couldn’t assist further. If anything else comes up, let me know.
That’s alright. For sure.