text field width

Hi, check your form overall Div size. That is what stopping your fields from expanding any further.

I did that as well and it didn’t change. I believe I changed the right one. Below is what I changed.

Form DIV:
“width:99%; max-width:1200px;”

Hi, your text area id is #fscf_field1_26. If this is the area you wish to make changes to.

So if you want to increase your text area then add the following code.

#fscf_field1_26 {
    height: 155px;
    margin: 0 0 10px;
    max-width: 1000px;
    text-align: left;
    width: 966px; <= this is what I changed
}

I added that to my custom css and that didn’t seem to work.

https://www.childcarecalgary.com/2016/testing-forms/

The original change I made was within the Styling area of the plugin. Also, is there a reason we are trying to add custom css? My apologies if I’m asking a stupid question. Just trying to understand how this works.

My current settings are using the internal style sheet CSS under styles tab and changed the:

Form DIV:
“width:99%; max-width:1200px;”

Thanks for your help on this.

Hi, please read the following documentation. This will help you further understand how to style Fast Secure Contact Form.

Let me know if it helps you.

Regards

Thanks for your help. Here’s a new example.

https://www.childcarecalgary.com/2016/testing-forms-2/

I’ve made changes to:

Form Fieldset Box:
border:1px solid black; width:99%; max-width:1000px; padding:10px;

Form DIV:
width:99%; max-width:1000px;

As you can see I still can’t get the text and textarea fields to span the full width and I’ve changed those to 1000px as well. I must be missing something.

Hi please check the following documentation. This will help you understand the different areas of the plugin that need to change when adjusting the width for example.