Page 1 of 1

Formatting the contact form [solved]

Posted: Sun Mar 09, 2008 11:27 pm
by herbshirt
Could a css guru tell me how to format the contact form here: http://www.simonportus.com.au/index.php ... mon-portus

I've been sifting through the supplied css and can format almost everything except the actual body of the form which I'd like to make a black bg. I would also like to format the error messages so they are no longer red. Is it possible to format the Submit button?

Thankyou. :)

Re: Formatting the contact form

Posted: Mon Mar 10, 2008 9:28 pm
by Zappa
you have some style hard coded into your template...

Code: Select all

.contactform fieldset {padding: 1em; background-color: #eee;}
change the #eee to #000 and it will go black.

Code: Select all

.contactform div.required {color: #f00;}
change this to whatever colour you need too #fff (you need to know your colours for this)

and for the submit button i believe the code you need is something along the lines of

Code: Select all

div.submit {background: #<colourhere>; padding: 2px 5px; margin: 0;}
Hope this helpsĀ  :)

Re: Formatting the contact form

Posted: Mon Mar 10, 2008 10:42 pm
by herbshirt
Thanks Zappa.

Well I thought I'd looked everywhere, I found a field with css in the form itself. Thanks!

The submit button suggestion... It has so far formatted the bg of the submit but not the button itself.

ALso, any idea how I get rid of that dashed border? Using Firebug I found reference to id="m3moduleform_1" but I can't find it??

Re: Formatting the contact form

Posted: Mon Mar 10, 2008 10:57 pm
by Zappa
Ah right,

Sorry myfault... thats because the submit button is inside a tag.

use:

Code: Select all

form .fbsubmit {background: #<colourcode>;}
And to get rid of the dashed border (I see two stylesheet.php's)
in the one which declares the form use:

Code: Select all

/* Sample FormBuilder CSS base */
	form {margin:20px; background-color: #000; border:none;}
I'd suggest you probably just use one stylesheet.php unless your confident with sorting the CSS into correct files (screen, printing, base classes etc).

Ryan

Re: Formatting the contact form

Posted: Mon Mar 10, 2008 11:23 pm
by herbshirt
Still trying.

The submit = sorted - thanks!

Using PS Pad I'm sifting through http://www.simonportus.com.au/stylesheet.php

I found all sorts of references to css but not to 'css base'. Is it in stylesheet.php that I put that code?

Code: Select all

{
		$css .= "/* Start of CMSMS style sheet '{$row['css_name']}' */\n{$row['css_text']}\n/* End of '{$row['css_name']}' */\n\n";
	IN HERE MAYBE??? } 
I'm using stylesheet from an existing cms ms template they're divided into design, formatting and layout. which I hadn't seen before. I find it looks nice and organised but a bit of a pain when your a hack css'er and can't edit via ps pad so I'm always flicking from page to page. The 'screen' stylesheet was because I had a check box switched on. Off now.

Re: Formatting the contact form

Posted: Tue Mar 11, 2008 10:47 am
by Zappa
You don't have a base class in there at the moment but usually its where you define all of the globalised classes so they can be used on multiple devices, then a print.css or screen.css (if its a small website keep the name reletive to the type) for localised requirements. E.g. Width for a computer monitor is a lot bigger than a PDA screen.

Re: Formatting the contact form

Posted: Thu Mar 13, 2008 3:25 am
by herbshirt
:'(