Logo size and colour

hi there
i am using the "own" logo... but when i upload my file it keeps small dinemsions, and does not take on the dimensions i included in the dimension spaces provided in the template settings.
(it stays around 200px wide, whereas in the headr1 position i want it to be 500px wide)

also, one the demo - the header1 logo is white and menu is black, yet with own logo upload, both logos are the one colour... i cant find anything in the setup documentation on how to fix this - i want black in the menu area, and white in the header 1

Hello,

Could you provide an URL to your website? (here or via PM) then I'll be able to help you - if you want 2 different logos, you have to use logo defined in CSS.

I have the same questions. Working on this site: klangregie.cc

Hi,

Please add this code into css/override.css file:

Code: Select all

#gk-logo.cssLogo {
height: 154px;
}

#gk-logo-small.cssLogo {
background: transparent url('../images/your-logo-on-white-background.png') no-repeat 0 0;
}


you have white logo, so you have to use another image for your logo-small.

Hi, I have the same problem... I wrote

#gk-logo.cssLogo {
height: 154px;
}

#gk-logo-small.cssLogo {
background: transparent url('../images/your-logo-on-white-background.png') no-repeat 0 0;
}

And it doesn't work!... disenogt.com it the url

HI,

Where did you add this code? I can't see it and I hope you've replaced this path:
url('../images/your-logo-on-white-background.png')

You dont' have css defined logo, you have uploaded image logo, what exactly do you want to change?

Hi
I add this code in css/override.css file,
I just want to change the background logo, with another white logo

Thanks!

Could you send a screenshot with URL to your page and the logo marked? Because I'm not sure..

Hi, sure, here you have!

Thanks!

Ok, and could you please send me your website backend access? Because coming soon mode is active and I probably remove your previouse PMs.

Hi Piotr!

I have problem with the logo on the movil, I attach a picture. Help me please!

You can use another (smaller) logo image for mobile devices, try to add following code into css/override.css file:

Code: Select all

@media (max-width: 820px) {
    .svg #gk-logo.cssLogo {
       backgorund-image:  url('');
    }
}


Hi Piotr!

It doesn't work ... any other idea?

I try with an image with dimensions of: 75 x 32 pixels and other with 100 x 43 pixels..... and it doesn't work!

I can't see your code in override.css file. If it doesn't work, please leave the code so I am able to analyze it on your website.

.svg #gk-logo.cssLogo {
background-image: url('http://disenogt.com/wp-content/uploads/2015/02/Logo-Blanco.png');
height: 200px;
width: 400px;
}
.svg #gk-logo-small.cssLogo {
background-image: url(http://disenogt.com/wp-content/uploads/ ... 0-x-86.png);
background-position: center center;
background-size: 100% auto;
height: 52px;
margin: 0 25px 0 0;
width: 110px;
}
@media (max-width: 820px) {
.svg #gk-logo.cssLogo {
backgorund-image: url('http://disenogt.com/wp-content/uploads/2015/03/LOGO-BLANCO-Movil-75-x-32.png');
}
}


Thanks Piotr!

Sorry, I've mada a mistake in this part:

Code: Select all

@media (max-width: 820px) {
    .svg #gk-logo.cssLogo {
       backgorund-image:  url('http://disenogt.com/wp-content/uploads/2015/03/LOGO-BLANCO-Movil-75-x-32.png');
    }
}


should be background-image (not backgorund), please change it and should be ok.

thanks!!! it working now!!!