Logo sizing

Is there a technique to this as I can't get a decent size logo to display if I use your optimal size of 217 x 66 pixels height. It always looks scaled down by at least 50% at doesn't match the surrounding area at all !
I've also noticed that others are having the same issue, anyone know whats happening?

 

Hi, add this to your theme options>custom css and alter the px to suit, ie, the size of your new logo

.header_wrapper.logo_wrapper .logo img{
max-width:310px;
height: 100px;
}

works for me

 

Thanks for your helpfull suggestion leelee,

I've just tried it and it made no difference at the moment although I probably need to now make the logo bigger (its still at the themes optimum size of 217 x 66). What pixel size are your logo's and do you match your logo size to the css code values?

Roger

 

Hello,

The optimal size of the logo is 216 x 66 px, but if you add the image bigger that that then it will automatically adjust according to the size that is why your logo is not looking good, so you have to change the size of the image in the optimal size with the help of any photo editing tool, than add the logo this time it will show correctly with the page.

 

Hello, I also tried to increase the logo size. I did add the custom css with no change. I also created a larger size logo. Still no change. Any other ideas? If not, could you increase the logo size when updating the theme?

 

I just tried this too. Copied and pasted what you have here, then resized my logo to 310 pixeels wide. Made no difference at all. The logo is way too small.

 

I agree and can't see why it can't be increased by the theme developers as other themes have - I hope the support team and theme developers are listening to their loyal customers!

I sized mine the the exact size and that seems about the best I can get at the moment, the quick fix didn't work for me either but was worth a try!

 

I just figured it out. The css code that leelee gave us above had an error in it. I found the setting in the style.css file that comes with the theme. Then copied and pasted it into the Styling Options / Custom CSS box and then changed the width from 210 to 310. Then I resized my logo to 310 pixels wide and now it displays much bigger. Here's the actual CSS code you need to paste into that box. Don't forget to resize your logo to match the width.

.header_wrapper .logo_wrapper .logo img{

max-width: 310px;

height: auto;

}

The error with leelee's code was the missing space between 'wrapper' and '.logo'. And the height should be set to Auto.

 

sorry about my dodgy code guys !! copied and pasted it wrong...

 

Well done to colossalmktg for spotting that - mine now works far better!