How to increase the size of form to better fit page?

Hi! What is the best way to increase the overall size of the form so that it best fits on the background picture and on the page? Need to increase the overall size by about 25% (background image is sized perfectly - all of the text and form fields need to be all increased by about 25%)

You could use this CSS and copy in your Custom CSS field:

.form-all{

width:200px!important;

height200px!important;

}

And just adjust the values for width and height at your preference.

Hope it helps, let us now if you need any additional help.

Thank you!

 

It's not working :( Now my background image and my font preferences are gone and the form is the same size as it was. So confused.

The site is flashing like something is wrong now :( And the font
preferences are gone and background image isn't showing... and the form is
the same size as it was.
https://shopshinelife.com/pages/request-a-donation
Here's the code I placed:
[image: Screen Shot 2016-07-30 at 4.52.51 PM.png]
...

Hello shinelife,

Your message was truncated so we cannot see the code you have placed. Can you try visiting this page and post your response here: https://www.jotform.com/answers/894337

Also, you can try reverting your form by using the form revisions history tool. You can read on this guide on where to find it and how to use it: https://www.jotform.com/help/294-How-to-View-Form-Revision-History

 

The site is flashing like something is wrong now :( And the font preferences are gone and background image isn't showing... and the form is the same size as it was. 

Did the flashing start happening to your form after you placed that code?

If you remove it, does the flashing stop?

I've checked your form by itself and there's no flashing so it seems that something is obviously conflicting somewhere so please allow us some additional time to investigate the problem.

Please try removing the CSS code you added before flashing started and then test the page so we can see if the newly added CSS code is the source of the problem. 

We'll wait for your response.

I have removed that code and the flashing has stopped, but all of the font/sizing formatting, background image, etc is gone. The preferences show in the design panel, but the form does not reflect those preferences (the form shows as standard Arial on all white form instead of Arvo on my glitter picture background). I have tried to re-program them, but changes are not being recognized. So I can't get the font back to Arvo, the background photo back to my uploaded image, and the form size to better fit the screen left to right (it's all still smooshed into one long column in the center of my page)

It is crucial for you to remove only the code you have added, not all of the code. I suspect that you have removed all the styling of the form.

Please try re-adding the CSS code that was there before your changes.

You can also try reverting your form settings to the last revision that was working.

Let us know if you need more information.

OK I have reverted back to the version that looks right, EXCEPT for the form fitting as I want it left to right - it is still showing as very narrow (and I have never gotten that part to look right, so I can't revert to the correct version). How do I get the form to be wider (to flow more over my background photo)? https://shopshinelife.com/pages/request-a-donation 

To adjust the width of your form you can just edit that from your properties > form styles > width.

Just increased the form width to 800 and it put all form preferences back to the theme original. And the size is still the same as it was. I don't know why this is so tough :(

That should've worked but I apologize that it didn't.

Please allow me some time to investigate this to figure out what happened and I'll get back to you about this again in a moment for a resolution to this issue.

I found the cause of the problem.

You are using the Techy Theme and the Theme's custom css that was applied to your form is always going to override anything else due to the applied theme's design being set as the default. So that is the reason why the resizing to make it wider isn't working properly since the theme is set slimmer.

It would probably be better to apply the standard theme and make it with your background from there and you should then be able to resize it normally.