How to change Logo Size

[Felicia Martin]

How do I make the logo in the top left corner a different size?

[Sonal S Sinha]

Hi,

Kindly show us your website link.

Regards,
Shri

[Felicia Martin]

http://followersofyah.com/home/shop/

[Sonal S Sinha]

Hi,

Kindly go to Appearance>Theme Options>Basic Settings>Custom CSS box:
Paste this css code in custom css box

.header .header-inner .logo{text-align:left;}
.header .header-inner .logo img{height:auto; width:100%;}

Regards,
Shri

[Felicia Martin]

It worked. Thank you.

[Sonal S Sinha]

Great 🙂

Regards,
Shri

[Marc Austin-Zande]

Hey Shri

That doesn’t seem to be the trick for me. I can certainly get the 100% width but the height is constrained and therefore the image is ‘squashed’ vertically. I have attempted changing the ‘height:auto’ to both ‘height:XXX%’ and ‘height:XXXpx’ but neither seem to make a difference.

Any help is much appreciated.

[Sonal S Sinha]

Hi Marc,

Kindly show us your website URL.

Regards,
Brad

[Marc Austin-Zande]

Hi Brad

Thank you so much for responding (and pretty quickly I must say). Sadly, I was away form the interwebs for a bit yesterday and didn’t see your response.

I have fixed it! I ended up adding the .header .header-inner .logo img{height:auto !important;} then actually went to the effort of creating a logo of the right size. Seems to be fine.

While I am typing at you, I might also say there are some really strange things with your Kraft template but it is a beautiful design and far beyond what I’d ever be capable of myself. Every group/dev/company doing WP templates have their own way of doing things and that’s fine… it just takes a bit of looking some times. Other than that, VERY impressed with what we have for our $39US outlay.

Thanks again for the prompt response. Hopefully I won’t need to bother you again.

Regards

Marc

[Sonal S Sinha]

Hi Marc,

Thanks for your appreciation.

Regards,
Brad

[Graeme Fletcher]

Hi

How do i change the logo size?

Kind Regards

Graeme

[Sonal S Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.header .header-inner .logo {
    display: table;
    float: none;
    margin: 30px auto 0;
    text-align: center;
    width: 30%;
}

Regards,
Brad

[CHRIS MYERS]

Hi, I have tried changing the logo size, but I’ve been unsuccessful. Your assistance would be greatly appreciated. The website is www.curblineinc.com

Thank you!

[Sonal S Sinha]

Hi CHRIS MYERS,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.logo { width:32%;}
.logo img { height:auto;}

Regards,
Brad

[Sarah Aderson]

How do you add an image logo in the Strong Pro theme?

[Author]

Posts