adjust spacing on Column Layout Grid - HELP!

[AlexT]

Please, excuse my ignorance, but where in the stylesheet am I supposed to add this? I added it to the end ... Maybe this is the problem?

Thanks

[kuroi]

Where you've added it is fine, but you're attacking the wrong thing. You need to use .itemTitle rather than .listingDescription.

However, personally I'd look again at your product titles. When I went to the page you referenced, I saw 5 identically names products, largely repeating the information that is beneath them. Very boring. Why not give them real (and shorter) names and thus a bit of personality and leave the descriptive text to the descriptions that follow.

[AlexT]

Perfect, it fixed it! Thank you.

I do not like the titles myself, but could not think of any useful names. Will definitely have to do something now if this is so obvious.

Thanks again,
Alex

[BouncerFL]

Try add the following to your style sheet and adjust it.

.listingDescription {
padding-left: 10px;
padding-right: 10px;
}

And for the item's title may be you want to add, it is:
.itemTitle


Hope this helps.

.

Awesome tip...thank you seethrou!

~Ray
BouncerFL

[hereliesboots]

Hi!!! I would like to ask help on installing the column layout grid!!! I know you have to make a back up of the database and change some queries or something i see in the instructions. Does this change the layout of all and new products into grid style as well? this is what i am looking for thanks.
erika

favoriting this thread for when i have mine succesfully installed ;)

[Redcinamn]

I have added everything at the end of the style sheet and used all the suggestions, I have turned off all the right column boxes and set the px to "0" in admin but I can not seem to get my items to space out some. Can anyone help? Is is maybe I need to make the store wider?

http://www.kidsmagicalwonder.com/sho...index&cPath=12
~Renee

[OneWorldStudios]

thanks guys, super suggestions! this worked for me to bring the price up to the description:

.centerBoxContentsProducts .listingDescription {
margin-bottom: -1em;
}

[Redcinamn]

I am posting this here as the last place I posted I had no relies and I am really stumped on this can someone help? Thanks in advance~ Red

Hi there guys ..I am having a problem with the column layout and I know it must be a setting I hit accidentally, as I don't have this problem with any clients site of course only my own. The Columns work fine on product pages but not on my sub category pages. Can someone take a look and take a stab at what I have done? I have spent far too many hours banging my head against the wall on this one..

http://www.chloes-closet.com/shop/in...index&cPath=30
##############################___
[FONT=Comic Sans MS]Red[/FONT]

[[email protected]]

how do I change the dotted border around the items to a complete boxes and add an "add to cart" in each box?

http://hiquatec.com

[Shinmai]

@ digidiva-kathy
For the spaces between Product Name and the price only.
i.e.
====
Asian Floral Mini Dress (The Item Title?)
^
This space only
v
$32.00

... more info

Add the codes below to your stylesheet and adjust the negative value of the margin-bottom to reduce the blank space.
And for other space, there are 2 or 3 <br /> in the template file of the mod. To reduce the spaces, it need to remove the <br />s in the mod file.

.

I added followings so far:

.listingDescription {
padding-left: 35px;
padding-right: 35px;
margin-bottom: -1em;
}
.itemTitle {
padding-left: 25px;
padding-right: 25px;
}

... and I have achieved to reduce the space between Product Name and Price but not "...more info" (looks like this now):

Product Name
Price

...more info

I've tried:

.centerBoxContentsProducts {
margin-bottom: -1em;
}

but it just made price went up and overlapped with description. I see a couple of <br />s after the price (and before ...more info) when I see the source view and I was wondering which file I can open to delete one of <br />. Any input will be appreciated. (I cannot post URL - it is not live).

Thanks!