Inline Form / Inline Fields

Hi all,

I’m trying to create my first standalone form for my website.

I was just looking to create a simple inline form for a newsletter signup, consisting of an email field and a submit button.

However, I’m struggling to make the elements run inline/horizontally - they’re always stacked one on top of the other.

In the Form Attributes section, I’ve tried the following combinations:

  1. style = “display: flex; flex-wrap: nowrap;”
  2. form style=“display:inline;”
  3. form style=“display:inline!important;”
  4. div style=“display:flex;”
  5. form style=“display:flex;”
  6. form style = “display: flex; flex-wrap: nowrap;”

Some of them actually reduce the width of the email field, which gave me some hope that I was heading in the right direction but none of these give the desired effect.

I originally tried these in the Field attributes for each element, and even tagging them onto the Input Attributes that I’d already assigned (font-family, colour etc.) but this didn’t seem to work at all so I’m lost with this.

Please, is any kind soul here able to help me out?

Check this thread out

Thank you for the suggestion @robm . I believe I saw this thread in the past but I have re-visited it to seek advice in any case :+1: .

If anyone can offer any assistance I’d be eternally grateful!