Forums / Templates, Stylesheets, Page Layout / Adding a border line to Products

Adding a border line to Products

Locked

Views: 1,092

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
5 Jun 2007, 7:44 PM
#1
firestalker avatar

firestalker

New Zenner

Join Date:
Jun 2007
Posts:
5
Plugin Contributions:
0

Adding a border line to Products

I have been tweaking my active site for awhile now using the great information on this site. Thank You for all that respond with your knowledge. I do have one question I have not found. Under Product Images I would like to separate my items with a line. The New Products page had this format already by default.
Below is two links the first is how I would like all pages to look. The second is what I currently have.

http://enchantingearth.com/shopping/index.php?main_page=products_new

http://enchantingearth.com/shopping/index.php?main_page=index&cPath=67_71

Thank You in advance for any help.

Gary

5 Jun 2007, 7:57 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Adding a border line to Products

Add this to your stylesheet:

/* space & border between listing items */
.productListing-odd td, .productListing-even td {
	text-align: left;
	vertical-align: top;
	padding:0.5em;
	margin-bottom: 1em;
	border-bottom: 3px double #aaccbb;
	}
``` Change details to suit your taste.
5 Jun 2007, 8:23 PM
#3
firestalker avatar

firestalker

New Zenner

Join Date:
Jun 2007
Posts:
5
Plugin Contributions:
0

Re: Adding a border line to Products

Thanks Glenn,

The code that you posted does it replace other code or do I just paste it into a folder.

the stylesheet you mention would it be found here.

  /enchantingearth/public_html/shopping/includes/templates/classic/css/stylesheet.css

I have looked through this file and do not find an item matching any of your code starting with Productlisting.

Gary

5 Jun 2007, 8:35 PM
#4
firestalker avatar

firestalker

New Zenner

Join Date:
Jun 2007
Posts:
5
Plugin Contributions:
0

Re: Adding a border line to Products

Thanks Glenn,

I played with it a little more and pasted your code into the stylesheet and it works perfect. Thank You very much.

Gary