Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / too much whitespace. How do I control whitespace?

too much whitespace. How do I control whitespace?

Locked

Views: 2,729

Results 1 to 11 of 11
This thread is locked. New replies are disabled.
15 Jun 2006, 6:14 PM
#1
bcbailey avatar

bcbailey

New Zenner

Join Date:
May 2006
Posts:
18
Plugin Contributions:
0

too much whitespace. How do I control whitespace?

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

15 Jun 2006, 7:03 PM
#2
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: too much whitespace. How do I control whitespace?

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.

15 Jun 2006, 7:28 PM
#3
bcbailey avatar

bcbailey

New Zenner

Join Date:
May 2006
Posts:
18
Plugin Contributions:
0

Re: too much whitespace. How do I control whitespace?

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

16 Jun 2006, 1:29 AM
#4
Kim avatar

Kim

Obaa-san

Join Date:
Jun 2003
Location:
West Coast, North America
Posts:
26,611
Plugin Contributions:
0

Re: too much whitespace. How do I control whitespace?

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

30 Sep 2007, 7:39 PM
#5
armenhammer11 avatar

armenhammer11

New Zenner

Join Date:
Sep 2007
Posts:
28
Plugin Contributions:
0

Re: too much whitespace. How do I control whitespace?

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.php?main_page=product_info&cPath=66&products_id=187

Thanks. Armen

30 Sep 2007, 7:56 PM
#6
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: too much whitespace. How do I control whitespace?

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.

30 Sep 2007, 8:25 PM
#7
armenhammer11 avatar

armenhammer11

New Zenner

Join Date:
Sep 2007
Posts:
28
Plugin Contributions:
0

Re: too much whitespace. How do I control whitespace?

Thanks a bunch. It worked.

30 Sep 2007, 8:58 PM
#8
armenhammer11 avatar

armenhammer11

New Zenner

Join Date:
Sep 2007
Posts:
28
Plugin Contributions:
0

Re: too much whitespace. How do I control whitespace?

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.php?main_page=product_info&cPath=66&products_id=187 (product)

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

Thanks for your help.

30 Sep 2007, 9:30 PM
#9
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: too much whitespace. How do I control whitespace?

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.php?main_page=product_info&cPath=66&products_id=187 (product)

http://littlemissmaya.com/zen/index.php?main_page=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.

30 Sep 2007, 9:55 PM
#10
armenhammer11 avatar

armenhammer11

New Zenner

Join Date:
Sep 2007
Posts:
28
Plugin Contributions:
0

Re: too much whitespace. How do I control whitespace?

Thanks.

16 Dec 2008, 3:57 PM
#11
nyrad avatar

nyrad

New Zenner

Join Date:
Dec 2008
Posts:
44
Plugin Contributions:
0

Re: too much whitespace. How do I control whitespace?

i cannot find the key to removing the whit(black) space at the bottom of my cartpage

http://civilwardocs.com/zencart/index.php?main_page=shopping_cart

i tried changing centercolumn and TD, but cannot find the right combo

thanksany help would be appreciated