too much whitespace. How do I control whitespace?

[bcbailey]

Hi,

forgive me, im a newbie at zen-cart.

How do I control whitespace? check out the frontpage of my site
http://www.chermere.ca/

There is a huge gap between "Home" and "Welcome to Cher-Mere Canada"... its not my html for the define pages.

Also, there is a grey line on the right hand side... I can get rid of it if I shrink my images further, but they are small enough already ( I would actually like them a bit bigger).

Does anyone know how to fix my whitespace problems?

Thanks
--Ben

[kuroi]

Both your problems reflect the same underlying issue, that you have objects on your page that have size but no visible content.

<div class="centerColumn" id="indexDefault">
<h1 id="indexDefaultHeading">&nbsp</h1>
<h2 class="greeting">&nbsp</h2>

This is the code for the top of your center column. You will see that both the indexDefaultHeading and greeting are not empty but contain non breaking spaces. This holds an h1 title and then an h2 title open requiring vertical space even though you can't see anything.

You have two solutions: either go back to where you edited these and make sure that you haben't accidentally left a space in each. Or add the following to your stylesheet

#indexDefaultHeading, .greeting {display:none}

The whitespace to the right of your site is because although you have chosen not to put any content in it, you have not turned off your right hand column. This is done through Admin > Configuration > Layout Settings.

[bcbailey]

Wow! Thanks so much... I fixed them both, my site looks 10 times better

Im not sure where those <h1> and <h2> headers came from, so I had to use your line in my stylesheet

#indexDefaultHeading, .greeting {display:none}


It worked perfectly... Thanks for the tips!

--Ben

[Kim]

BTW- instead of hacking the code- you can just change the language files to not show words or phrases.

[armenhammer11]

Can someone help me remove excessive white space on my product page. I've tried everything to figure out how to do it, but no luck. Please take a look at this product page...(the space between the product description and the attributes.) http://littlemissmaya.com/zen/index....roducts_id=187

Thanks. Armen

[kuroi]

These are due to the <br class="clearBoth" /> tags that are used to maintain the pages structure.

You could delve into the code to remove or alter them, but a quick solution that would work for your site would be the creation of a stylesheet just for this page called product_info.css which contains just the following line.

.clearBoth {clear:left}

This reworks the clearBoth class just for this page and allows the add to cart button to be over-ridden on the right as you don't appear to have any content there (though I haven't looked at the rest of your site).

However, you would need to test this solution in different browsers as they react differently to this sort of approach and in some the add to cart box might become inaccessible, in which case you would have to go back to changing the php code or your page layout.

[armenhammer11]

Thanks a bunch. It worked.

[armenhammer11]

How can I remove "products 4/4" near the Prev/Next? (bottom of product page)
and the "Displaying 1 to 4 (of 4 products)"? (on the listing page)

http://littlemissmaya.com/zen/index....roducts_id=187 (product)

http://littlemissmaya.com/zen/index....index&cPath=66
(listing)

Thanks for your help.

[kuroi]

How can I remove "products 4/4" near the Prev/Next? (bottom of product page)
and the "Displaying 1 to 4 (of 4 products)"? (on the listing page)

http://littlemissmaya.com/zen/index....roducts_id=187 (product)

http://littlemissmaya.com/zen/index....index&cPath=66
(listing)

Thanks for your help.

Not sure what this has to do with whitespace which is what this thread is about, but I recommend that as a starter you examine the admin switches for the product listing page.

[armenhammer11]

Thanks.