Closing up a gap

[karentown]

Hello again :)

I am having such trouble trying to figure out where I close up a gap. I have disabled the breadcrumbs that sit at the top of the page but there is a huge gap above categories and the top main banner image (below the pink nav bar). How do I close that up? I have looked at maincontentwrapper but that didnt do anything at all. I am probably being a dimbo but any pointers would be so appreciated :) Here is a link to the not yet live site:

http://organ-nics.com/index.php?main_page=index

Thanks

[dbltoe]

Change this:

</div>
</div>
<div class="dt l4">
<div class="dr">
<div class="dc">
<img width="1" height="6" alt="" src="includes/templates/pure-template/images/spacer.gif"/>
<br/>
</div>
</div>
</div>
<div id="headerWrapper">
<div id="logoWrapper">
<div id="taglineWrapper"/>
</div>
<div class="dt">
<div class="dr">
<div class="dc">
<img width="1" height="1" alt="" src="includes/templates/pure-template/images/spacer.gif"/>
<br/>
</div>
</div>
</div>
<div class="dt">
<div class="dr">
<div class="dc">
<img width="1" height="1" alt="" src="includes/templates/pure-template/images/spacer.gif"/>
<br/>
</div>
</div>
</div>
</div>
<table id="contentMainWrapper" width="100%" cellspacing="0" cellpadding="0" border="0"> 

To this:

</div>
</div>
<table id="contentMainWrapper" width="100%" cellspacing="0" cellpadding="0" border="0"> 

You have nothing in these divs except a spacer. DOn't know if they are all lockated in the tpl_header.php or not looks like one of those lovely purchased templates. Remember that ANY css file in the /MyTemplate/css directory WILL be loaded in alphabetical order. Might want to get rid of the extras so you can eliminate them in the "where do I change whatsit" search.

[kuroi]

Ouch. Template Monster alert. Your site has ended up with a huge amount of redundant code. Visitors' browsers are being sent with multiple DIVs containing only line break tags and spacer gifs and the CSS is really bloated. I tell you this just to warn that there may be problems ahead and if you can trim the unnecessary stuff, they'll be easier to resolve.

Happily this particular problem has a straightforward solution. Just find the height setting for your #logoWrapper in your stylesheet and change that line to

display:none

(Later note: I see that while my jaw was dropping over the poor, poor markup in a commercial template, dbltoe had his knife out to deal with the problem. If you can find the code generating all that $*~@, then go ahead and cut it out)

[karentown]

Thanks for the help. I thought it may be a quick way to customise the site to start with a layout I like from a premade template ... guess not! I cant find that code in the header template so I guess I will just have to go through all of them unless I am once again being a thickie

[dbltoe]

Although we often preach that folks get FireFox with the Web Developer and Firebug extensions, in this case go to the admin --> Tools and use Zen Cart's excellent Developers Tool Kit.

Head down to the last item (look up in all files), enter "logoWrapper" (without the quotes), select text-align: center; in the dropdown, and click on the search button.

IF (and it's a BIG IF with these templates) they did their job correctly, one of the files that contains the logoWrapper will match to the directory for your template.

Open that file in a text editor and delete as I mentioned above.

NOTE TO THOSE WANTING TO PURCHASE TEMPLATES; While some templates presented are able to work with Zen Cart flawlessly, most are simply workarounds of other templates to make it appear that they are working with Zen. If you can get a glimpse at the page source on these templates, it can tell you a lot. The one used in this case has several classes in the css with spaces in the title!

To the moderators; Perhaps a Commercial Templates section?