Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / New products layout styling

New products layout styling

Views: 577

Results 1 to 4 of 4
10 Jan 2012, 1:36 PM
#1
pmurray avatar

pmurray

New Zenner

Join Date:
Dec 2011
Posts:
19
Plugin Contributions:
0

New products layout styling

Hello

Is there any way to either lock all the new product "boxes" to the same height and width as the products with longer names are longer and it looks messy

OR

Can the product names be truncated so they only stay one one line for instance?

The site is here:
http://www.rstuning.co.uk/zentest2/index.php

10 Jan 2012, 2:24 PM
#2
stevesh avatar

stevesh

Black Belt

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

Re: New products layout styling

You could try adding a height statement to this rule in stylesheet_tm.css:

.product-col .indent1{ padding:20px 7px 11px 7px; height: 220px; }

10 Jan 2012, 2:40 PM
#3
pmurray avatar

pmurray

New Zenner

Join Date:
Dec 2011
Posts:
19
Plugin Contributions:
0

Re: New products layout styling

stevesh:

You could try adding a height statement to this rule in stylesheet_tm.css:

.product-col .indent1{ padding:20px 7px 11px 7px; height: 220px; }

Excellent thanks that works!

Is there any way tho align the price to the bottom of the box though?

10 Jan 2012, 4:42 PM
#4
gjh42 avatar

gjh42

Black Belt

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

Re: New products layout styling

Add to the bottom of your stylesheet_tm.css

.centerBoxContentsNew {position: relative;}
.centerBoxContentsNew .indent1 .wrapper {position: absolute; bottom: 0.2em;}

Adjust to taste. There are probably other ways to do it, too.