adding a vertical divider in products list

29 Dec 2007, 2:32 AM

#1

New Zenner

Join Date:: Oct 2005
Posts:: 28
Plugin Contributions:: 0

adding a vertical divider in products list

Hello everyone..........How to add a vertical devider in the products listing right now the images looked stacked up on the top of each others see link....

http://independentbeautysuppliers.com/index.php?main_page=index&cPath=1_2

Thank you

29 Dec 2007, 4:06 AM

#2

website_rob

Inactive

Join Date:: Oct 2006
Location:: Alberta, Canada
Posts:: 4,572
Plugin Contributions:: 0

Re: adding a vertical divider in products list

You can do what I did by creating the following or similar, in your 'stylesheet.css' file.

.productListing-data {
padding-top:16px;
padding-bottom:22px;
border-bottom:1px dotted #333;
}

29 Dec 2007, 4:55 AM

#3

eddie001

New Zenner

Join Date:: Oct 2005
Posts:: 28
Plugin Contributions:: 0

Re: adding a vertical divider in products list

Thanks rob....is there a specific place in the style sheet to add it ???

29 Dec 2007, 5:12 AM

#4

website_rob

Inactive

Join Date:: Oct 2006
Location:: Alberta, Canada
Posts:: 4,572
Plugin Contributions:: 0

Re: adding a vertical divider in products list

Whenever "I" create new CSS coding I like to put it at the bottom of the 'stylesheet.css' file.
Then I know it comes last and makes it easy to find. :cool:

29 Dec 2007, 5:45 AM

#5

eddie001

New Zenner

Join Date:: Oct 2005
Posts:: 28
Plugin Contributions:: 0

Re: adding a vertical divider in products list

Thanks Rob ...Ill try that