activate a border line

[djenojado]

Hi!

How do I activate a border line between products in product listing?
I want only a singel product in each row.

I know I can install a module called:
Column Layout Grid for Product Listing

Is it possible to configure the Column Layout Grid to only have one product in a single row?

Thanks!

Br
Eno

[stevesh]

You can add something like this to your stylesheet:

.productListing-data {border-bottom:1px solid;}

[djenojado]

Thanks.

I did a try with this ->
\zencart\includes\templates\classic\css\stylesheet.css

.productListing-data {
border-top: 1px solid #000000;
border-bottom:1px solid;
padding: 0.50em 2em 0.50em 2em;
}

Save the css-file and restarted httpd services.
Nothing happen. It is the right css-file? This is a default installation.

Br,
Eno

[djenojado]

sorry! its work :) thank you!

[djenojado]

New problem!

In a singel row, it's 3 cells. I want to hidden the border in the middle. How do the css stylesheet now how to hidden the middle border?

Br,
Eno

[gjh42]

Since the individual cells in the product listing are not identified, you would need to do a bit of CSS manipulation. Be aware that IE6 can't handle the standard CSS that does this, so users of that will see just a solid line.

.productListing-data {
border-top: 1px solid #000000;
border-bottom:1px solid;
padding: 0.50em 2em 0.50em 2em;
}


.productListing-data+.productListing-data {
border: none;
}


.productListing-data+.productListing-data+.productListing-data {
border-top: 1px solid #000000;
border-bottom:1px solid;
}

[djenojado]

Thank you very much. You are good!
Now, I got a perfectly look.

.productListing-data {

border-bottom:1px solid;
border-left:1px solid;

padding: 0.50em 2em 0.50em 2em;
}


.productListing-data+.productListing-data {
border: none;
border-bottom:1px solid;
}


.productListing-data+.productListing-data+.productListing-data {
border-bottom:1px solid;
border-right:1px solid;
}