Forums / Templates, Stylesheets, Page Layout / Product Info page...info column width.

Product Info page...info column width.

Views: 1,259

Results 1 to 4 of 4
28 Apr 2011, 10:21 PM
#1
tantirx avatar

tantirx

New Zenner

Join Date:
Nov 2010
Posts:
52
Plugin Contributions:
0

Product Info page...info column width.

First of all...check out this page.

As you will see the "Starting at: $275.95" part. The problem is that it causes the product description to move lower leaving a large gap between the product name and its description.

Is there either a way to:

  1. Make the font size smaller for that price line.
  2. Make the price line wrap.
  3. Reduce the width of the Product Information column so it all looks nice and without gaps.

Bottom line...how do I fix this problem?:blink:

28 Apr 2011, 10:32 PM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,185
Plugin Contributions:
0

Re: Product Info page...info column width.

What happens if you try this:

store/includes/templates/abyss/css/stylesheet.cssLocate this:> #productPrices {
float: right;
width: 99%;
}

  1. apply this to the float
  1. /float: right;/

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

28 Apr 2011, 10:32 PM
#3
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Product Info page...info column width.

In the stylesheet find this and try changing the width to 54%

#productPrices {width: [B]99%[/B]; float: right;}

Zen-Venom Get Bitten

28 Apr 2011, 11:25 PM
#4
tantirx avatar

tantirx

New Zenner

Join Date:
Nov 2010
Posts:
52
Plugin Contributions:
0

Re: Product Info page...info column width.

Duh...Brain Fart lol. Thanks