Forms

Changed the width in your CSS from 300 to 700 but still no width change to the size of the form.

But did you add the custom CSS?

To the Additional Settings tab in the Form settings. Not where it goes? Should go in the style.css file?

Web site customizer, access via top bar.

Added but still no change.

‘/*
You can add your own CSS here.

.div.form-label{
display:inline;
width:700 px;
vertical-align: top;
}

Click the help icon above to learn more.
*/’

/*
You can add your own CSS here.

.div.form-label{
display:inline;
width:700 px;
vertical-align: top;
}

Click the help icon above to learn more.
*/

Still didn’t make the form wider at all.

Hrmm. Perhaps if you put the code outside of the comment. Or delete the comment, which only serves the purpose of guiding you.
/* and */ are markers for start and end of a block comment…

I took the comment stuff out, made no change.

https://dev.bluewaveconcepts.com

In the custom CSS, try to delete the point before div:

div.form-label{
display:inline;
width:700 px;
vertical-align: top;
}

Oh yeah the dot that was there. It’s removed, still no change in the form width. Something else is blocking what we’re trying to do.

Played a bit with it.
1. Display-inline has no width.
2. No space between number and px.
3. Probably better to use min-width

Result:

div.form-label {
    display: inline-block;
    min-width: 250px;
    vertical-align: top;
}

I put that in, take another look at the page. I changed the 250 to 750.

For me this looks as it did from the very start, since my screen isn’t that wide.
Perhaps you’d be better off floating the input fields to the right inside the available container instead. But on this part you’ll be on your own, since I need to go back to my paid work.

Good luck!

Thanks for the help.