logo.svg too big fater changing file

Hello,

we opened the logo.svg file and modified it with adobe illutrator (we keep the same dimension inside the file).
Saved it and replaced in the server.

But now the logo is bigger. See screenshot.
What can we do to fix the dimensions from this svg file ?

Regard.

2014-07-10_11h24_34.jpg

The original logo size used in the template is 274px x 75px. If you want to keep the logo the same size you need to export your logo to at least similar hight. Or edit the CSS.

Hello, thank for your answer but please read carrefully, we use .svg logo and not .png logo.

Any other idea ?

Regard.

Sorry my mistake.

Don't you have to have the logo type set as "from CSS" in the template settings then?

Sorry my mistake.

Don't you have to have the logo type set as "from CSS" in the template settings then?

Yes,

2014-07-11_21h43_29.png

so now we are trying to decrease the logo in Ilustrator, but it is not very precise...

2014-07-11_21h46_51.png

So what is the method to make correctly a .svg logo ?

Regard.

Hi

Please show me Your site.

Hello, my website is under development, so I send you a private message.

Regard.

Hi

Size of logo is a little bit too much. Can You please reduce it to about 320px in width? And please also change it to an image option in template settings. It will be much easier to controll the size than.

Ok I'll do that, but I don't understand.
We just install the quickstart, open the original logo (.SVG !), change it with same size, save it, and it is not working...

So we resize to 320px, and change to template, but it is impossible because the file type is not supported, and we can't select it...!

So what can we do to fix .........??

Regards.

2014-07-16_11h40_29.jpg

2014-07-16_11h35_26.jpg

Hi

Och, You mean that joomla file manager doesn't support that file for upload. You can upload this image via ftp.

You can use a css tyoe as well, but the standard size for such image is:

Code: Select all

    height: 75px;
    width: 274px;


and You will have to upload it via ftp, but to template's image folder this time.

Argh. Please test it before.
Of course we already upload the .svg file with filezilla.

But the problem is : we can't select it when we want to select it.

Please, can you test it before ?? And tell us if you have the same problem. You see the .svg file when you want to put "logo type : image" ?

Regard.

Hi

Yes I know that svg is not supported, that's why You need to replace the file You need via ftp, but I was probably wrong saying that this should be using image format. Please use css format in template settings and show me this site than.

We already uploaded the file with a ftp manager.

We are desperate.
Normally this should be so simple.

So we put the original logo, and it is ok.
We downloaded it, modify the border color in Adobe Illustrator (CS6), save it, reupload, and it is broken again.... !

What can we do to just put our svg logo ?

Regard.

2014-08-20_16h10_45.jpg

Hi

Ok. Please send me this logo, access to ftp. I'll replace the logo and see why it was not working.

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

.svg #gkLogo.cssLogo {
    background-image: url("../images/logo-spoon.svg");
    background-size: 150% auto;
}


Hello,

thank you very much. But what is exactly the solution ? The 150% ?

Regards.

Hi

Logo image has a lot of empty space around the logo, so making a zoom of the central part of this image by 150% gives a result You want to achieve and since svg images doesn't weight much this is a way faster solution than to look for an image editor capable of creating a better svg image from png file.

Ok, thank you so much for your help and for explanation.

Regards.