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.
Re: Header logo image showing about a third - rest blank
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.
Re: Header logo image showing about a third - rest blank
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.
Re: Header logo image showing about a third - rest blank
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.
Re: Header logo image showing about a third - rest blank
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.
Re: Header logo image showing about a third - rest blank
Quote:
do you know which stylesheet it was? and location
It should be this one
includes/templates/bluecart/css/stylesheet.css
Re: Header logo image showing about a third - rest blank
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;
}
Re: Header logo image showing about a third - rest blank
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.
Re: Header logo image showing about a third - rest blank
Just deleting width:300px; and overflow:hidden; will take care of your issue and reduce the number of constraints on your pages.