Change Logo Width

What code do I place in CSS Override to change the logo width

Depends on your logo option. If you are using Css option then following code should be correct one.

Code: Select all

#gkLogo.cssLogo { width: 154px; }


See you around...

Depends on your logo option. If you are using Css option then following code should be correct one.

Code: Select all

#gkLogo.cssLogo { width: 154px; }


See you around...

Hi. I have a 300x54px logo image. I tried with:

Code: Select all

#gkLogo.cssLogo { width: 300px; height: 54px;}


in override.css (enabled) but nothing changes...
What's wrong?

Thanks for helping.

@sergiomercuri,,

What is your logo option in template settings.

It would be easier if you can post your website link so we can check.

See you around...

@sergiomercuri,,

What is your logo option in template settings.

It would be easier if you can post your website link so we can check.

See you around...

Logo Type: "From CSS"
Logo Image uploaded in the Images directory.

If I use the same width and height of the "storebox" logo, it works fine. But if I try to use a bigger one with the code I posted before in the override.css, nothing changes, the size is still the same.

Unfortunately, I cannot post a link 'cause I'm working in local, on my PC, with Wamp.

Thanks.

If you have firebug installed you can right click on your logo and see its html markup code so we can be sure which selector is effecting your logo properties.

Following is example html markup on using css logo and its css code.

Html

Code: Select all

<h2>
<a id="gkLogo" class="cssLogo" href="http://localhost/storebox253/ ">Store Box</a>
</h2>


Css effecting above html, please note first part of code is from override.css with your logo sizes tried and tested which is working fine.

Code: Select all

#gkLogo.cssLogo { width: 300px; height: 54px;}

#gkLogo.cssLogo {
    background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
    height: 30px;
    width: 154px;
}
#gkLogo {
    display: block;
    float: left;
    height: 30px;
    margin: 0;
    padding: 0;
    text-indent: -999em;
    width: 154px;
}


See you around...

Thanks. It works fine.
The problem was in the image file. Loading the bigger one from the template settings -> Features, the logo image shown was still the old one. So, I uploaded it in the right directory via ftp.

Thanks again.

No problem at all, see you around...