Styling my form

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
herbshirt
Forum Members
Forum Members
Posts: 145
Joined: Thu Jul 26, 2007 3:47 am

Styling my form

Post by herbshirt »

Hi Guys,

I've just built a form with Form Builder but I have pending issues.

https://www.cruickshanks.com.au/bookings2/htm

* I can't find where to change the . It currently says Contact and it needs to say Bookings.

* Is there a way I can change the alignment of the cot and linen fields?

Thanks,
Herb.
Loopy
Forum Members
Forum Members
Posts: 38
Joined: Sat Jun 10, 2006 5:34 pm

Re: Styling my form

Post by Loopy »

Open up the form you are using in Form Builder and select the Contact Form, then click on "Contact Fieldset  - Fieldset Start" in the Form Fields Section (in the bottom half of the screen) and then change Content to Bookings in the Legend section. This should solve your problem I think.  :)
herbshirt
Forum Members
Forum Members
Posts: 145
Joined: Thu Jul 26, 2007 3:47 am

Re: Styling my form

Post by herbshirt »

Thankyou!

Anyone else for the other question?
Loopy
Forum Members
Forum Members
Posts: 38
Joined: Sat Jun 10, 2006 5:34 pm

Re: Styling my form

Post by Loopy »

In the style sheet section you will find a Forms stylesheet and you can make changes to this, eg.

Changing the 4th line:
.contactform fieldset {padding: 1em; background-color: #eee;}
.contactform fieldset legend {font-weight: bold;}
.contactform div {width: 100%; padding: 0.25em 0 0.25em 0;}
.contactform div label {display: block; width: 10em; }
.contactform div.required {color: #f00;}

to this makes the labels fit on one line:
.contactform div label {display: block; width: 150em; }
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Styling my form

Post by Dr.CSS »

If you search the forum this has been discussed numerous times...
Post Reply

Return to “Layout and Design (CSS & HTML)”