Change logo with height and width

I have read other posts but I have not solved.

Should I change the logo and I need a size of 120 px height and width 260.

what code I have to overwrite

thanks

Hi

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

Code: Select all

#gkLogo.cssLogo, #gkLogoSmall.cssLogo {
    height: 120px;
    width: 260px;
}


Thank you,

the size now is perfect, but the new logo appears to me to double

Hi

Please show me Your site.

www.anticogiardinosicilia.it

Hi

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

Code: Select all

#gkFixedMenu #gkLogoSmall { display: none; }
#gkFixedMenu.active #gkLogoSmall { display: none; }


Ok for now it work fine.

I tested it in this morning

Thank you

hi,

the logo has too much space above and below.

Also with google chrome logo appears distorted.

Hi

Site is offline. Can You send me an access to it ?

hi

the domain name is www.anticogiardinosiciliano.it

Hi

I'm afraid I do not understand. It looks perfect for me in every browser. Can You please show me a screenshot of how You see it ?

Ok

conflict logo

Hi

To reduce the space please use this code in css:

Code: Select all

#gkLogo, #gkLogoSmall {
    margin: 5px 0;
}


but for a different look of the logo in a different browser responsible can only be SVG file being wrongly created (I see a font is different). You may try to recreate this file or use a good old PNG format.

hi

why if i select png logo i have a problem ?

you can see www.anticogiardinosiciliano.it

Hi

Because the size for logo is set for much much smaller image. Add this to css:

Code: Select all

#gkLogo, #gkLogoSmall {
    height: 117px;
    width: 199px;
}


ok thanks