Modifying form plugins – too wide

i looked at the site and I could only find one form on the contact page. it wasn’t 100% wide though. Is there another form somewhere else?

thanks…sorry. I haven’t published the new form because it looks so bad! I’ve tried three different plugins! Is there a way for me to send a screenshot via this system?

can you just make a new page called /form-testing and put the form on there. You can delete that page as soon as I am able to take a look. More than likely this is just a simple CSS issue.

yes it is https://www.sea-trek.com/test thank you!

ok. here’s the short of it, this bit of CSS will lessen the width of your form (at least the form with the id you see)

#caldera_form_1 {
    max-width: 400px;
    width: 100%;
}

change the ‘400px’ value to the width you desire. You can also add some margin or padding to this as well to adjust any spacing issues that may come from placing this within other content.

However, the longer answer is this. I saw you were using Caldera Forms. I would recomend using the backend form builder to realy customize what your form looks like. They have a lot of good tutorials.

Thank you so much!

I actually do not know where the 400px code lives! Any ideas? When you build the form, it just gives you a link to add to the page ??

thank you again!

unfortunately, adding the CSS didn’t work. BOOOO.