"ZenCart Zen" Template Support

[SPH]

Clyde, feed-back and my observation are that cat/subcat links are little hard to read/distinguish as cat column is pretty busy. How can I make the subcat links show in a different color when parent cat is open, as here in former template, changing to blue:

http://www.pageant-mart.com/designers

I know how to do it in former template above, but can't get it to work with zencartzen here (tried stylesheet & bettercatsheet):
http://www.prommart.com/index.php?ma...ndex&cPath=122

Thanks

Steve

PS: Also, bloded subcat would also be nice, thanks:
http://www.pageant-mart.com/designers/alyce-designs

[clydejones]

Clyde, feed-back and my observation are that cat/subcat links are little hard to read/distinguish as cat column is pretty busy. How can I make the subcat links show in a different color when parent cat is open, as here in former template, changing to blue:

http://www.pageant-mart.com/designers

I know how to do it in former template above, but can't get it to work with zencartzen here (tried stylesheet & bettercatsheet):
http://www.prommart.com/index.php?ma...ndex&cPath=122

Thanks

Steve

PS: Also, bloded subcat would also be nice, thanks:
http://www.pageant-mart.com/designers/alyce-designs

Try adding this at the bottom of:
includes/templates/zencart_zen/css/stylesheet_betterCategoriesEzInfo.css

a.category-products {
font-weight:normal;
color:blue;
}

[SPH]

Clyde,

http://www.prommart.com/index.php?ma...oducts_id=4186

Didn't work changing subcat link color, but did un-bold them which is some help in standing out.

And I figured out how to make selected product, subcat link red to really orientate customer. (Uncommented part at end of bettercatssheet and added text color).

Still would like to change open subcat link colors to further help orient customers, so if you have more thoughts, thanks.

Steve

[clydejones]

Clyde,

http://www.prommart.com/index.php?ma...oducts_id=4186

Didn't work changing subcat link color, but did un-bold them which is some help in standing out.

And I figured out how to make selected product, subcat link red to really orientate customer. (Uncommented part at end of bettercatssheet and added text color).

Still would like to change open subcat link colors to further help orient customers, so if you have more thoughts, thanks.

Steve

open includes/templates/zencart_zen/css/stylesheet.css

find and delete/comment out the following section:

#categoriesContent{
margin: 0;
padding: 0.4em 0.4em 10px 0.4em;
/*	background-image:url(../images/sb_content.png);
	background-repeat:no-repeat;
	background-position:bottom;*/
color: blue;
font-weight:bold;
}
#categoriesContent a {
padding: 0 0 .4em .5em;
	color: #0A246A;
}
#categoriesContent:nth-child(odd) a{
background:#DFDFDF;
}
#categoriesContent a:hover {
	color: #000;
}

[SPH]

Thanks, but didn't work.

Maybe un-bolded open subcats and Red selected cat are sufficient for now.

Steve

[clydejones]

Thanks, but didn't work.

Maybe un-bolded open subcats and Red selected cat are sufficient for now.

Steve

Strange, worked when I tried it.

make sure you clear your browser cache and/or refresh the page after making the change.

[SPH]

Still didn't work and caused some hover issues: white link hover over white background made link disappear.

I'm tired so may try again when fresh. In meantime, un-bolded open subcats and Fuchsia select may work.

Thanks.

Steve

[SPH]

Oh, something my sister brought up:

Main site:
http://www.prommart.com/index.php?ma...x&cPath=115_14

Column cat layout, how might we center the dress title? (We recently centered the "staggered" text when shown.) She thought it looked odd in column layout, like something wrong.

Test site, row cat layout:
http://www.prom-mart.com/flaunt

If we go with rows (which also looks nice) how might we put a space between rows so pics don't run on top of one another? Looks especially bad on main site, where we have alot of black background pics, just one long black line.

Also, perhaps a little space/margin between pic and text in row layout.

I suppose this might also be a general zencart question.

Thanks for any thoughts.

Steve

[clydejones]

Oh, something my sister brought up:

Main site:
http://www.prommart.com/index.php?ma...x&cPath=115_14

Column cat layout, how might we center the dress title? (We recently centered the "staggered" text when shown.) She thought it looked odd in column layout, like something wrong.

Test site, row cat layout:
http://www.prom-mart.com/flaunt

If we go with rows (which also looks nice) how might we put a space between rows so pics don't run on top of one another? Looks especially bad on main site, where we have alot of black background pics, just one long black line.

Also, perhaps a little space/margin between pic and text in row layout.

I suppose this might also be a general zencart question.

Thanks for any thoughts.

Steve

open includes/templates/zencart_zen/css/stylesheet.css

find the following and make the highlighted change.
h3.itemTitle{
color:#000080;
text-align:center;
font-size: 1em;
}


and add the following:

.productListing-data {
margin:5px 0;
padding:10px 5px 0;
height:120px;
}

[SPH]

Fix worked for cat columns & rows, thanks.

Steve