Forums

Hi everyone,

I'm sure there will be a straightforward answer to this, but I've just created a form and it's not showing the label and field on the same line. Each of the 5 fields are being displayed directly under the label.

You can view the form here:
http://georgesrivereec.com.au/newversion/jupgrade/index.php/contactus

I did add the following css to my template file, because the width of the fields was way too long. Not sure if this has anything to do with my current problem...

.cfdiv_text { width: 150px; }
.cfdiv_textarea { width: 150px; }

Basically, I just want to show the field next to the label, for each of the fields in the form.

Thanks!

Ilan

Hi Ilan,

The label over styling is coming from the CSS in /templates/georgesriver25v13/css/print.css

Not sure why that is enabled on a screen view?

Bob

Thanks Bob,

That is strange. I'm using an Artisteer template, so it must be a quirk in the template...

I've done a quick search for 'label' in the print.css file and can't seem to find anything. Could you point me to the specific css rule that I'm looking for?

Appreciate it.

Cheers,

Ilan

Hi Ilan,

I was looking at the form without the template - then the problem is the width: 100% around line 266 of print.css

With the template it appears to be a combination of the width:150px at line 1 of the template.css; plus the two other similar entries setting the width of the label and input both to 150px in the frontforms_tight.css; plus the width of the column you are adding the form into.

Bob