Custom Form Box - How to Create?

smef · November 20, 2019, 10:38pm

Hey guys! Just wondering if anyone has any suggestions on how to create a form entry box that looks like this? So far I can only figure out how to create one with the ‘submit’ button outside.

garymichael1313 · November 21, 2019, 12:43am

Hi,

You’ll have to style the box individually by adding the CSS after clicking the box inside the form. Make sure the box has a class first.

Can you post your read-only link?

smef · November 26, 2019, 4:38am

https://preview.webflow.com/preview/nook?utm_medium=preview_link&utm_source=dashboard&utm_content=nook&preview=9491ae48ef3c0f7b280d8b3ac3f643fd&mode=preview

vastlodigital · November 26, 2019, 4:57am

Hello,

I would create a Flexbox Wrapper set as Horiztonal and Place the email and submit inside.

Remove the Email Forms border and place the border on the wrapper, then just add a background image to the submit button of your arrow possibly?

See what I did below

Arialwal · November 26, 2019, 5:24am

Another way would be to set them both as “inline” and set them side by side by adding width %. For Ex: 70% and 30%.

Then add borders to the left, up, and down for field and right, up, down for the button.

I did this once and it works perfectly.