Zen Cart Logo

activate a border line

Views: 782

Results 1 to 7 of 7
25 Mar 2010, 12:15 PM
#1
djenojado avatar

djenojado

New Zenner

Join Date:
Mar 2010
Posts:
13
Plugin Contributions:
0

activate a border line

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

25 Mar 2010, 12:28 PM
#2
stevesh avatar

stevesh

Black Belt

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

Re: activate a border line

You can add something like this to your stylesheet:

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

25 Mar 2010, 3:54 PM
#3
djenojado avatar

djenojado

New Zenner

Join Date:
Mar 2010
Posts:
13
Plugin Contributions:
0

Re: activate a border line

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

25 Mar 2010, 4:01 PM
#4
djenojado avatar

djenojado

New Zenner

Join Date:
Mar 2010
Posts:
13
Plugin Contributions:
0

Re: activate a border line

sorry! its work :) thank you!

25 Mar 2010, 4:21 PM
#5
djenojado avatar

djenojado

New Zenner

Join Date:
Mar 2010
Posts:
13
Plugin Contributions:
0

Re: activate a border line

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

25 Mar 2010, 4:52 PM
#6
gjh42 avatar

gjh42

Black Belt

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

Re: activate a border line

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;
}

25 Mar 2010, 5:14 PM
#7
djenojado avatar

djenojado

New Zenner

Join Date:
Mar 2010
Posts:
13
Plugin Contributions:
0

Re: activate a border line

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;
}