Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Stylesheet and Form Issue

Stylesheet and Form Issue

Views: 606

Results 1 to 5 of 5
3 Dec 2012, 7:22 PM
#1
sle39lvr avatar

sle39lvr

Zen Follower

Join Date:
Jan 2011
Posts:
196
Plugin Contributions:
0

Stylesheet and Form Issue

I have altered something in my template CSS that all the input fields aren't aligned anymore. I cannot narrow down what happened exactly.

3 Dec 2012, 7:23 PM
#2
gjh42 avatar

gjh42

Black Belt

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

Re: Stylesheet and Form Issue

We need to see it live to diagnose the problem.

In general terms, you appear to have removed a width setting for form labels, so that they only take the width their text needs.

3 Dec 2012, 7:26 PM
#3
sle39lvr avatar

sle39lvr

Zen Follower

Join Date:
Jan 2011
Posts:
196
Plugin Contributions:
0

Re: Stylesheet and Form Issue

PM'ed You.

3 Dec 2012, 7:32 PM
#4
gjh42 avatar

gjh42

Black Belt

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

Re: Stylesheet and Form Issue

Add to your stylesheet

label.inputLabel{width: 8em;}
input#state {margin-left: 9.7em;}

3 Dec 2012, 7:42 PM
#5
sle39lvr avatar

sle39lvr

Zen Follower

Join Date:
Jan 2011
Posts:
196
Plugin Contributions:
0

Re: Stylesheet and Form Issue

Works perfectly! Thank you.