Header logo image showing about a third - rest blank

Been using Zencart for about 2 years so not a novice as such. I have looked in faq, but can't find the solution to my problem that my logo.gif in my header is only showing about a third, rest of the header is blank. I've set the logo on other sites I look after and they've been fine, but http://www.abrafix.co.uk/index.php isn't right - any pointers would be appreciated.

stylesheet.css, line 171:

Code:

---

#logo {
    float: left;
    overflow: hidden;
    width: 300px;
}

---

You don't need either of these set, and together they limit what can display.

Also, why do you have font-size: 100% (and other properties in some rules) explicitly applied to every single type of element on your site? That is not something that normal templates do.

Thanks for that but my stylesheet.css only has :

#storeLogo {
float: left;
margin-top: 5px;
}

Also, not sure what the issue is with font size - I haven't purposefully set this - but it looks ok on my display.

Thanks for any pointers / help.

You have that #logo rule in a stylesheet, or I couldn't have copied it. That is the problem.

I saw a template stylesheet yesterday with the mass reset rule... some designer thinks it is good to set every possible property to 0 or whatever before setting individual ones as they want.

Sorry to appear dim - but do you know which stylesheet it was? and location. I'm ok with basic setup and working the back end of this, but I haven't been into any stylesheets to change them.

Quote:

---

do you know which stylesheet it was? and location

---

It should be this one
includes/templates/bluecart/css/stylesheet.css

Here is the rule copied directly from your stylesheet.css (probably line 171, I didn't have numbers on the display to use):

Code:

---

#logo{
        width:300px;
        overflow:hidden;
        float:left;
       
}

---

Many thanks for that - it's now displaying properly! I didn't know what to change 'hidden' to so just set the width to 1000.

Works great.

Thanks again.

Just deleting width:300px; and overflow:hidden; will take care of your issue and reduce the number of constraints on your pages.