Hi,

Try using a different template. There is a template called "clean".
There is minimal styling in that template.

Then for each element you can add a custom class. If you use the classes that you are using in the form above, it should work...

Best,

Corretje

Got it to work. Thanks.

I also am trying to control the width of text boxes and am not quite sure what you are suggesting. Are you saying that formidable has different themes associated with it that you can choose from?

If not, how do yo affect the text box width?

Thanks.

Joel & Seth

Still a little lost. Are you saying to change the style for the form to the clean template and then edit the view.css for that template?

If so, having a hard time knowing which width to change to 100%

Can you help?

Thanks

In Edit Mode:

Click on the Form bock you are trying to modify.
You'll see Edit, Copy to Clipboard, Delete, Design, and Custom Template
Click on Custom Template
Change the Custom Template to "Clean"

I was sorta wrong about the CSS. The code I originally posted above was in main.css and although changing the width will affect the width of the input box, it will also affect the width of ALL the input boxes on your site. I'm sure there's a way to isolate that form with an ID but you'll have to either ask the developer of the addon or your web developer for help with that.

I tried Kreative's work in the main.css of my theme to no avail. I am trying to increase the size of the actual text box entry. Can you provide me guidance. If I need to add custom CSS to the element what would that look like: considering that I want to increase the width of the text entry box.

Thank you

Hi,

I can't be more clear than Kreative has been I think...
But I'll give it a go...

There are 2 ways you can manage this...

1. Change the template of Formidable
Copy view.php and view.css to your /root/blocks/formidable directory. If not there create the formidable directory. Copy the view files into this directory. Then open the view.css and go to line 18. Find the width:100% style and change the 100% to your width. Make sure to upload this and clear your C5 cache. This should work!

2. Create a custom class
Open the Formidable form in you dashboard. Go to the element you want to change the width of and edit this. At the bottom of the popup you can check custom css. Check this and add your custom class name, something like "my_own_width". Then create this class in your theme style. ".my_own_width { width: 250px; }". Upload and done. If the style isn't listening maybe you can add "!important" to the style. Like this: ".my_own_width { width: 250px !important; }".

Both should work!

My advise is to use the first option.

Best,

Corretje