Form-Field Width Changes Not Working

Resolved BRAVO1
(@bravo1)

11 years, 6 months ago

Hello:

I have gone through a lot of the posts on here and the URL tutorials. I have tried everything suggested but I cannot get the form or the fields to change width.
Here’s what I’ve tried: InputTextFields: changed to 400px, InputTextAreaFields: changed to 400px, Field FieldsetBox: changed to 840px, Field Fieldset padding: changed to 50px. Nothing happened at all with the form. (I did change them back to the default you have).

I checked my theme (Weaver II Pro V 2.1.4) settings as well. Padding 0, content area margins 10px. I can’t find anything that is preventing the form from getting wider.

Using WP V4.0. My URL is http://03b0085.netsolhost.com/services/

So sorry to bug you all with this apparently old and much rehashed issue, but I would love some help on this. Thank you.

https://wordpress.org/plugins/si-contact-form/

Viewing 10 replies - 1 through 10 (of 10 total)

mbrsolution
(@mbrsolution)

11 years, 6 months ago

Hi BRAVO1 check the following URL. Look at the first image and make sure that you enter a width in the following field….Form Div

Let me know how you go.

Thank you

Thread Starter BRAVO1
(@bravo1)

11 years, 6 months ago

Yes, I’m sorry I didn’t include that that was the first one I tried. Right now it is set to 655px. Thank you.

mbrsolution
(@mbrsolution)

11 years, 6 months ago

Hi BRAVO1 did that solve your problem? If it did well done 🙂

Can you mark this support thread as resolved.

Thank you

Thread Starter BRAVO1
(@bravo1)

11 years, 6 months ago

No, no – I just meant that I was sorry I didn’t tell you that I had already tried that (your Form Div suggestion) before you even asked. I still have the problem. Thanks.
mbrsolution
(@mbrsolution)

11 years, 6 months ago
Hi BRAVO1 I found your issue, in one of your elements…you have a max-width: 450px….this code is blocking your form width. If you adjust it or delete it, it will work again…
```
element.style {
    border: 1px solid black;
    max-width: 450px;
    padding: 10px;
    width: 99%;
}
```
The above code is added to your field set. This is the class you need to adjust….fscf_form_fieldset1

Kind regards
Thread Starter BRAVO1
(@bravo1)

11 years, 6 months ago

Ok I changed the Form Fieldset Box to this:
border:1px solid black; width:99%; max-width:940px; padding:10px;

Did not change the form.

Thanks.

mbrsolution
(@mbrsolution)

11 years, 6 months ago

What happens if you remove the max-width altogether?

Thread Starter BRAVO1
(@bravo1)

11 years, 6 months ago

Changed Form Fieldset Box to this:
border:1px solid black; width:99%; padding:10px

Still no change in the form.

Thanks.
mbrsolution
(@mbrsolution)

11 years, 6 months ago
Okay now you have to change the following class fscf_div_left_box1 currently you have it set to the following code below…
```
element.style {
    float: left;
    width: 450px;
}
```
So increase the width…..

See how you go..
Thread Starter BRAVO1
(@bravo1)

11 years, 6 months ago

Yes, I changed Left Box Div to this:
float:left; width:840px;

Perfect – mbrsolution ………..YOU ROCK!!

Thank you so very much for your help.

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Form-Field Width Changes Not Working’ is closed to new replies.

Tags