Contact form input text box is very small

[askme]

Hi everybody

I have my site up and running using CMS Made Simple. The problem is that I add a contact form, but the input box is very small compared to the page. How to fix it Have a look:

http://www.erealmedia.com/cms102/index.php?page=contact-us

[cyberman]

Please read {contact_form} help

# (optional)style - true/false, use the predefined styles. Default is true.

So you have to add style=false to your command and you can style it via CSS.

[askme]

I tried with style=false, but it pushes al the contact form down leaving lots of space(almost one page) on top then contact form appear.

Anyway, I managed to do it, look bit OK now. What I did is modified the function.contact_form and change the rows and cols of message texbox.

[TJINAK]

I'm stuck on this topic.  I adjusted the rows and cols in my php file also but no joy. 

I also read the help and tried the style tag but I'm not sure if I need to create a stylesheet for the {contact_form} or if it already exists.

This is how it looks now:
http://www.centralpeninsulaorthodontics ... contact-us

Running cmsms 1.05.

Thanks,

Tim

[RonnyK]

Check

http://forum.cmsmadesimple.org/index.ph ... l#msg52829

for the styling of the textareas.

Ronny

[TJINAK]

Does this thread apply to the contact_form also?

Here is what my source looks like:

{contact_form email="myemail@address.com"}

I don't see how I would style the width of the this contact form.

Can someone please advise on what stylesheet the contact_form is using.  I thought I might have to go right into the php file for the contact form script.

Thank you,

Tim

[TJINAK]

I think I'm almost there.

I edited the funtion.contact_form.php file under the styles section and did this:

// Default styles
$inputStyle = 'style="width:350px;border: 1px solid black; margin:0 0 1em 0;"'; // input boxes
$taStyle = 'style="width:350px; border: 1px solid black; margin:0 0 1em 0;"'; // TextArea boxes
$formStyle = 'style="width:350px; important; font-weight: bold;"'; // form
$errorsStyle = 'style="color: white; background-color: red; font-weight: bold; border: 3px solid black; margin: 1em;"'; // Errors box (div)
        $labelStyle = 'style="display:block;"';
        $buttonStyle = 'style="float:left; width:50%;"';
        $fieldsetStyle = 'style="padding:1em;"';
        $captchaStyle = 'style="margin-bottom:1em; text-align: center;"';

My final problem is getting the box that wraps the form to fit correctly.

Please see the problem here: http://www.centralpeninsulaorthodontics ... contact-us

If there is a correct approach to this problem I would really aprreciate the help.

Thank you,

Tim

[TJINAK]

I'm not sure why but when I increased the pixels in this line:

$formStyle = 'style="width:600px; important; font-weight: bold;"'; // form

It seems to work even though my text and input areas are set much lower:

$inputStyle = 'style="width:350px;border: 1px solid black; margin:0 0 1em 0;"'; // input boxes
$taStyle = 'style="width:350px; border: 1px solid black; margin:0 0 1em 0;"'; // TextArea boxes

Still looking for a better way to handle this.

Thank you,

Tim

[KO]

What about adding...

form fieldset {width:600px}

... to your stylesheet.

Br,

K

[tsw]

KO, inline styles get higher specificity so it wont work without setting the default styles from the tag call off (whatever the parameter was

-tsw