Logo Size in 7.30

Hello,

I uploaded my logo which is 750px wide and 70 px high. but on the site it displays much smaller (450px wide x 71px high. Using chrome inspector I can see that the issue is a max-width setting: 

img style="width: 900px;/* height: 71px; */max-width: 450px;"

Where can I go to change this to 750px wide?

Thanks,

Cheari

turn off all caches - clear all caches - use element inspector and it will tell you the css page for what you are looking for.

I've always found uploading logos iffy.

Before following the professor's suggestion, you could try this:

Dashboard/Logo (top item on right)
In the Logo section,

Select File
Tick Enable Resizing

Set Width and Height to exactly the size of your logo.

Upload.

Then do the cache bit, Refresh the browser and see if that works.

It works every time for me, regardless of logo size.

I am seeing some strange logo text behavior.  I changed the size of the text and the margin-right parameter in the general.css file for the template I am using (ALT).  After clearing the cache, the changes take effect when I am logged in, but not when I am logged out.

Hello All,

I tried all the suggested responses none work. I used inspector to come up with the setting that needs to be changed "img style="width: 900px;/* height: 71px; */max-width: 450px;" see attachment. I am just trying to figure out where I can change the max-width: value because I realized that changing that in inspector  fixes the issue. 

Thanks.

turn off all of your caches - when you use the element inspector - it will show you what css page the code you want to change is on.

You can change the value in Chrome Inspector to test the new width but the change isn't permanent. That value is what the inspector is reading from the image and if I'm right, the only way you can change the value is to change the image.

I don't know where the max-width: 450px is coming from because when I inspect my logo with chrome I don't get that.

here's how my settings look when I upload my logo:

I found that the logo was truncated if I never entered the exact sizes. Is your logo set at 96 0r 72 DPI. If not that may make a difference.

Hello Demmy,

Thank you for your answer. I tries a new image but its the same thing the logo get shrunk. See my screen shot below. I just cant understand where this max-width is coming from. I uploaded a picture of my screen, which css file contain element.style  and I where can I ifnd that the IMG tag below (highlighted grey in the attachment)? Any help is greatly appreciated

<img style="width: 750px; height: 71px; max-width: 392px;" src="http://izsocial.com/media/images/1460593417.png" src-2x="http://izsocial.com/media/images/retina_1460593417.png" class="mainLogo bx-img-retina" alt="Izsocial.com|Caribbean Social Network| Linking People">

 Again - TURN OF ALL CACHES IN YOUR SITE. see in the element inspector where it says gzip_loader? that means that your cache is on. And unless you turn off caches - it will not show you the page to change. If you look at Demmys image - you will see it says general.css - her caches are off and showing the proper page.