How to make input field and submit button on same row?
-
I have been trying to have an email input field and a CTA button to subscribe on my home page. (As you can see on my page, I found some custom CSS to try to fix it, but it’s not lining up right). I’m using Spectra One.
In the mailpoet form editor, I thought that maybe I could add 2 columns and drag the Submit and Email blocks inside of them to make two columns. However, It won’t let me drag it into the column, and there’s not a list view to drag them that way. When I click + to add new Submit or Email blocks, both of these blocks don’t appear. How can I style it in two columns?
-
This topic was modified 5 months, 4 weeks ago by
.
-
This topic was modified 5 months, 4 weeks ago by
The page I need help with: [log in to see the link]
-
This topic was modified 5 months, 4 weeks ago by
-
Hi @beths19
I understand you want to add the Email and the submit buttons in two columns to align it properly but you are not able to drag and drop the existing fields in the new columns that you created.
The reason why you are not able to do this is because the Email and the Button are both using full width. You can select each field, go to Styles on the right sidebar and turn off the full width. That way you will be able to drag and drop the fields in other columns.
Here is a screenshot for reference:
Image Link: https://d.pr/i/tXDHJV
- You must be logged in to reply to this topic.
