Forums / Templates, Stylesheets, Page Layout / Add seperator between products in product list

Add seperator between products in product list

Locked

Started by tkelley66 on 27 Aug 2008, 8:59 PM · Views: 847

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
27 Aug 2008, 8:59 PM
#1
tkelley66 avatar

tkelley66

New Zenner

Join Date:
Aug 2008
Posts:
36
Plugin Contributions:
0

Add seperator between products in product list

Is there a way to include a seperator between products in the product list? Even if it is just a blank line, that would be Ok.

27 Aug 2008, 10:35 PM
#2
Kim avatar

Kim

Obaa-san

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

Re: Add seperator between products in product list

Add some padding around the images on that page using your stylesheet.

Please do not PM for support issues: a private solution doesn't benefit the community.

Be careful with unsolicited advice via email or PM - Make sure the person you are talking to is a reliable source.

28 Aug 2008, 3:46 PM
#3
tkelley66 avatar

tkelley66

New Zenner

Join Date:
Aug 2008
Posts:
36
Plugin Contributions:
0

Re: Add seperator between products in product list

Is this the code I need to change?

/Image Display/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin:0em 1em 1em 0em ;
}

I tried changing it but it didn't seem to have any affect on the product list page.

28 Aug 2008, 5:17 PM
#4
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Add seperator between products in product list

You want to pull .productListing-data out of the element the starts with

.centeredContent, .... {
text-align: center;
}

and then

.productListing-data {
text-align: center;
padding-bottom: 1em;
}

or however much space you want.