BetterCategories Spacing Problem

[Beth-katherine]

Can someone please help, I'm at my wits end trying to do everything and can't figure this one out.

I'm running BetterCategories, two columns and am finding that on my products pages there is a big gap between the ordering box and the description, in fact the description is so far away it looks like it's part of the next product.

How do I change this spacing?

Also how do I put borders around each product like what is on my front page.

Here is a link to one page in particular that shows the problem

http://smockingbooks.com/index.php?m...h=3_177_33_117

oh if you click on HOME in the header you will be taken away from the cart, use this link to go to the "top"

Here's the link to my index page

http://smockingbooks.com/index.php?main_page=

Thank you in advance,
Beth-katherine

[gjh42]

Your problem is not related to BetterCategories, but to the Column Grid layout.

Adding these to your stylesheet will move the title and text up:

.listingDescription {margin-bottom: 30px;} 

h3.itemTitle {margin-top: -30px;}

If this results in an undesired change on another page (unlikely), you can add

#productListing

in front of each of the above declarations to limit it to the product listing page.


There are likely other styling declarations that already affect this, and could be edited for this effect.

[MCanes]

It also looks like you have a good amount of <br> tags in there..

Add: 
<input type="text" size="4" value="0" name="products_id[544]"/>

<br/>

<br/>

<br/>

<br/>

Just a thought.

[gjh42]

Oh yes, that's right - those breaks would be from the layout code. The all/featured/new listing admin pages have a 4-digit code that determines, among other things, how many breaks to put after each element. I have not used the Column Grid mod, but I suspect there may be a similar ability. Look in admin, wherever column grid is set up, and see if you can do it that way. If so, you can put one break after the add box and four after the description.

[Beth-katherine]

Thank you for the clarification about it being layout instead of categories, as I said 'wits end'.

When I hunted down listingDescription I found this before it, could it be the problem?

/*ÊspaceÊ&ÊborderÊbetweenÊlistingÊitemsÊ*/
.productListing-oddÊtd,Ê.productListing-evenÊtdÊ{
ÊÊÊÊvertical-align:Êtop;
ÊÊÊÊpadding:Ê0;
ÊÊÊÊmargin-bottom:Ê.5em;
ÊÊÊÊborder-bottom:Ê1pxÊdoubleÊ#080000;
ÊÊÊÊ}Ê

I will work with the coding and suggestions that were made and get back to you.

Beth-Katherine