ievavi Posted January 11, 2021 Share Posted January 11, 2021 Site URL: https://ievaviphoto.com/ Hello, lovely community! Can't get my head around how to display "MESSAGE" field on the right side instead of being it together with the rest of the list. May somebody help me? Attaching the reference of what I want to achieve (2nd screenshot). My website: www.ievaviphoto.com Thanks loads! // Ieva Link to comment
tuanphan Posted January 13, 2021 Share Posted January 13, 2021 Hi, You mean Left column: Name, Session, Email Right Column: Message Then button? Do you use Personal or Business or Commerce Plan? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
ievavi Posted January 13, 2021 Author Share Posted January 13, 2021 5 hours ago, tuanphan said: Hi, You mean Left column: Name, Session, Email Right Column: Message Then button? Do you use Personal or Business or Commerce Plan? Hello, tuanphan! Thanks for stopping by and leaving a comment. Yes, indeed: Left column: Name, Session, Email Right Column: Message Then button I'm on a business plan 🙂 Link to comment
tuanphan Posted January 17, 2021 Share Posted January 17, 2021 On 1/13/2021 at 3:24 PM, ievavi said: Hello, tuanphan! Thanks for stopping by and leaving a comment. Yes, indeed: Left column: Name, Session, Email Right Column: Message Then button I'm on a business plan 🙂 Add to Design > Custom CSS /* 2 columns form */ @media screen and (min-width:768px) { div#block-yui_3_17_2_1_1599054401120_5664 .form-wrapper .field-list { column-count: 2; } div#block-yui_3_17_2_1_1599054401120_5664 .form-wrapper .field-list .email:after { content: ""; display: block; height: 125px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
ievavi Posted January 19, 2021 Author Share Posted January 19, 2021 On 1/17/2021 at 3:43 AM, tuanphan said: Add to Design > Custom CSS /* 2 columns form */ @media screen and (min-width:768px) { div#block-yui_3_17_2_1_1599054401120_5664 .form-wrapper .field-list { column-count: 2; } div#block-yui_3_17_2_1_1599054401120_5664 .form-wrapper .field-list .email:after { content: ""; display: block; height: 125px; } } Thanks a lot -worked like a charm. Will be excited to add to my other pages 🙂 Link to comment
tuanphan Posted January 23, 2021 Share Posted January 23, 2021 On 1/20/2021 at 1:32 AM, ievavi said: Thanks a lot -worked like a charm. Will be excited to add to my other pages 🙂 Have you solved on other pages yet? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
liberateyourspace Posted February 13, 2021 Share Posted February 13, 2021 Hi @tuanphan, I'm having similar issues with trying to create a 2 column form for ordering gift cards on my website. My website is www.liberateyourspacenyc.com with a. business account. I would like to have the "your" fields on the left side, the 'recipient' fields' on the right side, and the how did you hear about us and tell us about your gift card to span the full width. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment