Rearrange the Elementor Form Fields to appear different - Free CSS - Elementor Wordpress Tutorial

What if you want to move the Message Box to be to the right of all fields and still be 7 rows high?

Use this CSS for the Form.

PS - don't forget to use this to prevent it displaying like this on the Mobile.
@media only screen and (min-width: 500px) {
body {
ADD CSS CODE
}
}

position: absolute;
width: 300px;
}

position: absolute;
margin-top: 60px;
width: 300px;
}

position: absolute;
margin-left: 320px;
width: 300px;
}

margin-top: 120px;
width: 300px;
}

Rearrange the Elementor Form Fields to appear different - Free CSS - Elementor Wordpress Tutorial

Indeed we're affiliated to them, but it helps to pay for resources to keep creating ace content for you :)

Equipment Used:

Music used:
Track: Will You Be Mine (Remix)
Music provided by Audio Library Plus

-- Of course, we're affiliated to them, but it helps to pay for resources to keep creating ace content for you :)

PPPS: We only build with Elementor Pro

[websquadron]

PS - don't forget to use this to prevent it displaying like this on the Mobile.

@media only screen and (min-width: 500px) {
body {
ADD CSS CODE
}
}

[knutknobloch]

Super Tutorials. Helfen mir sehr mega !!

[Jason_]

How bizarre....I was just looking at doing this with a form last night! very useful guide and great timing :)

[Sebastien_Dottin-SDOweb]

Thanks dude !! This video helped me today ! 🙏

[estate]

Thank you, this makes the form much more versatile, but how does that work with Elementor Flexbox?

[johnboyd]

Thank You, Imran. Much appreciated tutorial. If you ever come across a way to make some conditional fields in the Elementor form, I think it would be greatly appreciated. No extra plugins is always the best way to go.

[houseminute]

Another super helpful tutorial. Thanks so much for these! Is it possible to put the submit button on the same line as a field? Like, for a simple mailing list signup form, with just an email field and a submit button? I've tried fiddling with the code but I'm not getting anywhere. Thanks again.

[anukk]

Hi Imran. Any ideea on how to delete form names from Elementor>Submissions that have no submission? I mean, i made a bunch of form for testing, and now i am stuck with useless empty Forms in dashboard. New Form (abcd11), New form(12345v) etc. I would like to remove them form dashboard, so when i filter after real forms i would only have those. I tried searching trough phpmyadmin but so far i could not figure it out were are this stored and what to delete not to scramble the database.

[danielkarcz]

Hi, I have trouble with moving acceptance box. I want tk move it little bit upwards but the CSS code doesnt not work for some reason. Any ideas?

[ajitjadhav]

dud how to add icons on elementor form fields