OwenWatson

Looks good! Ta!

https://pastebin.com/PGK76K6K

This should work
https://drive.google.com/file/d/16HD4qs–Nrk7twp9ec43YjrYicvaJAu0/view?usp=sharing

https://drive.google.com/file/d/16HD4qs–Nrk7twp9ec43YjrYicvaJAu0/view?usp=sharing

{“type”:”form”,”data”:{“fields”:[{“id”:”name-1″,”element_id”:”name-1″,”form_id”:”wrapper-4522-836″,”type”:”name”,”options”:[],”cols”:6,”conditions”:[],”wrapper_id”:”wrapper-4522-836″,”field_label”:”Name”,”placeholder”:”eg Mrs Joan Smith”,”prefix_label”:”Prefix”,”fname_label”:”First Name”,”fname_placeholder”:”E.g. John”,”mname_label”:”Middle Name”,”mname_placeholder”:”E.g. Smith”,”lname_label”:”Last Name”,”lname_placeholder”:”E.g. Doe”,”prefix”:”true”,”fname”:”true”,”mname”:false,”lname”:”true”,”required_message”:”Name is required.”,”prefix_required_message”:”Prefix is required.”,”fname_required_message”:”First Name is required.”,”mname_required_message”:”Middle Name is required.”,”lname_required_message”:”Last Name is required.”,”multiple_name”:”false”,”lname_required”:true,”prefix_placeholder”:”Mrs”,”description”:”One name only”,”required”:true},{“id”:”radio-1″,”element_id”:”radio-1″,”form_id”:”wrapper-4522-836″,”type”:”radio”,”options”:[{“label”:”One”,”value”:”one”,”key”:”5774-1118″,”default”:true,”calculation”:”25″},{“label”:”Two”,”value”:”two”,”key”:”6734-1305″,”default”:false,”calculation”:”30″}],”cols”:6,”conditions”:[],”wrapper_id”:”wrapper-4522-836″,”value_type”:”radio”,”field_label”:”For how many people”,”layout”:”horizontal”,”calculations”:”true”,”condition_action”:”show”,”options_bulk_editor”:”One; one; 1\nTwo; two; 0″},{“id”:”email-1″,”element_id”:”email-1″,”form_id”:”wrapper-9916-2230″,”type”:”email”,”options”:[],”cols”:6,”conditions”:[],”wrapper_id”:”wrapper-9916-2230″,”validation”:true,”placeholder”:”E.g. [email protected]”,”field_label”:”Email Address”,”validation_message”:”Are you sure this is the correct email address?”},{“id”:”name-2″,”element_id”:”name-2″,”form_id”:”wrapper-9916-2230″,”type”:”name”,”options”:[],”cols”:6,”conditions”:[{“element_id”:”radio-1″,”rule”:”is”,”value”:”one”}],”wrapper_id”:”wrapper-9916-2230″,”field_label”:”Name of second person”,”placeholder”:”eg Mr John Smith”,”prefix_label”:”Prefix”,”fname_label”:”First Name”,”fname_placeholder”:”E.g. John”,”mname_label”:”Middle Name”,”mname_placeholder”:”E.g. Smith”,”lname_label”:”Last Name”,”lname_placeholder”:”E.g. Doe”,”prefix”:”true”,”fname”:”true”,”mname”:”true”,”lname”:”true”,”required_message”:”Name is required.”,”prefix_required_message”:”Prefix is required.”,”fname_required_message”:”First Name is required.”,”mname_required_message”:”Middle Name is required.”,”lname_required_message”:”Last Name is required.”,”description”:”For joint membership”,”multiple_name”:”false”,”condition_action”:”hide”,”condition_rule”:”any”},{“id”:”address-1″,”element_id”:”address-1″,”form_id”:”wrapper-1004-6892″,”type”:”address”,”options”:[],”cols”:12,”conditions”:[],”wrapper_id”:”wrapper-1004-6892″,”street_address”:”true”,”address_city”:false,”address_state”:false,”address_zip”:false,”address_country”:false,”address_line”:false,”street_address_label”:”Postal address”,”street_address_placeholder”:”E.g. 42 Kiwi Way, Haitaitai”,”address_city_label”:”City”,”address_city_placeholder”:”eg Wellington”,”address_state_label”:”State/Province”,”address_state_placeholder”:”E.g. New South Wales”,”address_zip_label”:”Postcode”,”address_zip_placeholder”:”eg 6011″,”address_country_label”:”Country”,”address_line_label”:”Apartment, suite, etc”,”street_address_required_message”:”This field is required. Please enter the postal address.”,”address_zip_required_message”:”This field is required. Please enter the postcode.”,”address_country_required_message”:”This field is required. Please select the country.”,”address_city_required_message”:”This field is required. Please enter the city.”,”address_state_required_message”:”This field is required. Please enter the state.”,”address_line_required_message”:”This field is required. Please enter address line.”,”street_address_required”:true,”address_city_required”:true,”address_zip_required”:false},{“id”:”stripe-1″,”element_id”:”stripe-1″,”form_id”:”wrapper-9564-1937″,”type”:”stripe”,”options”:[],”cols”:6,”conditions”:[],”wrapper_id”:”wrapper-9564-1937″,”field_label”:”Credit / Debit Card”,”mode”:”live”,”currency”:”NZD”,”amount_type”:”variable”,”logo”:””,”company_name”:””,”product_description”:””,”customer_email”:”{email-1}”,”receipt”:”true”,”billing”:”true”,”verify_zip”:”false”,”card_icon”:”true”,”language”:”auto”,”base_class”:”StripeElement”,”complete_class”:”StripeElement–complete”,”empty_class”:”StripeElement–empty”,”focused_class”:”StripeElement–focus”,”invalid_class”:”StripeElement–invalid”,”autofilled_class”:”StripeElement–webkit-autofill”,”amount”:”20″,”variable”:”calculation-1″,”billing_name”:”name-1″,”billing_email”:”email-1″,”billing_address”:”address-1″},{“id”:”calculation-1″,”element_id”:”calculation-1″,”form_id”:”wrapper-9564-1937″,”type”:”calculation”,”options”:[],”cols”:6,”conditions”:[],”wrapper_id”:”wrapper-9564-1937″,”field_label”:”Total”,”formula”:”{radio-1}”,”hidden”:false}],”settings”:{“pagination-header”:”nav”,”paginationData”:{“pagination-header-design”:”show”,”pagination-header”:”nav”},”formName”:”Membership”,”version”:”1.14.12.1″,”form-border-style”:”none”,”form-padding”:””,”form-border”:”custom”,”fields-style”:”enclosed”,”validation”:”on_submit”,”form-style”:”default”,”enable-ajax”:”true”,”autoclose”:””,”submission-indicator”:”show”,”indicator-label”:”Submitting…”,”form-type”:”default”,”submission-behaviour”:”behaviour-redirect”,”thankyou-message”:”<p>Thank you for contacting us, we will be in touch shortly. Contact us at [email protected] for any queries.</p>”,”submitData”:{“custom-submit-text”:”Join Grey Power”,”custom-invalid-form-message”:”Error: Your form is not valid, please fix the errors!”,”conditions”:[]},”validation-inline”:”1″,”form-expire”:”no_expire”,”form-padding-top”:”0″,”form-padding-right”:”0″,”form-padding-bottom”:”0″,”form-padding-left”:”0″,”form-border-width”:”1″,”form-border-radius”:”0″,”cform-label-font-family”:”Roboto”,”cform-label-custom-family”:””,”cform-label-font-size”:”16″,”cform-label-font-weight”:”bold”,”cform-title-font-family”:”Roboto”,”cform-title-custom-family”:””,”cform-title-font-size”:”45″,”cform-title-font-weight”:”normal”,”cform-title-text-align”:”left”,”cform-subtitle-font-family”:”Roboto”,”cform-subtitle-custom-font”:””,”cform-subtitle-font-size”:”18″,”cform-subtitle-font-weight”:”normal”,”cform-subtitle-text-align”:”left”,”cform-input-font-family”:”Roboto”,”cform-input-custom-font”:””,”cform-input-font-size”:”16″,”cform-input-font-weight”:”normal”,”cform-radio-font-family”:”Roboto”,”cform-radio-custom-font”:””,”cform-radio-font-size”:”16″,”cform-radio-font-weight”:”normal”,”cform-select-font-family”:”Roboto”,”cform-select-custom-family”:””,”cform-select-font-size”:”16″,”cform-select-font-weight”:”normal”,”cform-multiselect-font-family”:”Roboto”,”cform-multiselect-custom-font”:””,”cform-multiselect-font-size”:”16″,”cform-multiselect-font-weight”:”normal”,”cform-dropdown-font-family”:”Roboto”,”cform-dropdown-custom-font”:””,”cform-dropdown-font-size”:”16″,”cform-dropdown-font-weight”:”normal”,”cform-calendar-font-family”:”Roboto”,”cform-calendar-custom-font”:””,”cform-calendar-font-size”:”13″,”cform-calendar-font-weight”:”normal”,”cform-button-font-family”:”Roboto”,”cform-button-custom-font”:””,”cform-button-font-size”:”18″,”cform-button-font-weight”:”700″,”cform-timeline-font-family”:”Roboto”,”cform-timeline-custom-font”:””,”cform-timeline-font-size”:”12″,”cform-timeline-font-weight”:”normal”,”cform-pagination-font-family”:””,”cform-pagination-custom-font”:””,”cform-pagination-font-size”:”16″,”cform-pagination-font-weight”:”normal”,”payment_require_ssl”:”1″,”submission-file”:”delete”,”form_name”:”membership”,”form_status”:”publish”,”honeypot”:”1″,”form-font-family”:”custom”,”use-custom-css”:”1″,”custom_css”:”.StripeElement {\n background:#white;\n border:10px solid #FF9900;\n font: 16px Roboto, sans-serif;\n}\n.StripeElement–focus{\n font: 16px Roboto, sans-serif;\n}\n.StripeElement–complete{\n font: 16px Roboto, sans-serif;\n}\n.StripeElement–empty{\n font: 16px Roboto, sans-serif;\n \n}\n.StripeElement–focus{\n font: 16px Roboto, sans-serif;\n}\n.StripeElement–invalid{\n font: 16px Roboto, sans-serif;\n \n}\n.StripeElement–webkit-autofill{\n font: 16px Roboto, sans-serif;\n}\n#forminator-module-1204 div#address-1 {\n flex-direction: row;\n display: flex;\n}\n\n#forminator-module-1204 div#address-1 .forminator-row:nth-child(1) {\n width: 50%;\n}\n\n#forminator-module-1204 div#address-1 .forminator-row:nth-child(2) {\n width: 20%;\n}”,”cform-response-font-size”:”16″,”cform-description-font-size”:”13″,”use-autofill”:””,”redirect-url”:”https://greypowerwellington.org.nz/membership-part-2?email= {email-1}&num= {radio-1}”,”akismet-protection”:1},”client_id”:null,”notifications”:[{“slug”:”notification-1234-4567″,”label”:”Admin Email”,”email-recipients”:”default”,”recipients”:”[email protected]”,”email-subject”:”New Form Entry #{submission_id} for {form_name}”,”email-editor”:”You have a new website form submission: <br/> {all_fields} <br/>—<br/> This message was sent from {site_url}.”,”email-attachment”:”true”,”conditions”:[]}]},”status”:”publish”,”version”:”1.14.12.1″}

{"type":"form","data":{"fields":[{"id":"phone-1","element_id":"phone-1","form_id":"wrapper-1078-9006","type":"phone","options":[],"cols":4,"conditions":[],"wrapper_id":"wrapper-1078-9006","required":false,"limit":10,"limit_type":"characters","validation":"none","field_label":"Phone","placeholder":"eg 027233451"},{"id":"number-1","element_id":"number-1","form_id":"wrapper-1078-9006","type":"number","options":[],"cols":4,"conditions":[],"wrapper_id":"wrapper-1078-9006","calculations":"true","limit_min":"1900","limit_max":"1971","field_label":"Year of birth","placeholder":""},{"id":"number-2","element_id":"number-2","form_id":"wrapper-1078-9006","type":"number","options":[],"cols":4,"conditions":[{"element_id":"hidden-1","rule":"is","value":"2"}],"wrapper_id":"wrapper-1078-9006","calculations":"true","limit_min":"1900","limit_max":"1960","field_label":"Year of birth (second person)","placeholder":"E.g. 1950"},{"id":"textarea-1","element_id":"textarea-1","form_id":"wrapper-4311-2898","type":"textarea","options":[],"cols":12,"conditions":[],"wrapper_id":"wrapper-4311-2898","input_type":"line","limit_type":"characters","field_label":"Skills","placeholder":"Skills such as accounting, publishing, organising, IT, being on committee etc you can offer Grey Power","limit":"200"},{"id":"email-1","element_id":"email-1","form_id":"wrapper-9926-291","type":"email","options":[],"cols":12,"conditions":[],"wrapper_id":"wrapper-9926-291","validation":false,"placeholder":"E.g. [email protected]","field_label":"Email Address","prefill":"email"},{"id":"hidden-1","element_id":"hidden-1","form_id":"wrapper-5378-1141","type":"hidden","options":[],"cols":12,"conditions":[],"wrapper_id":"wrapper-5378-1141","field_label":"Num","default_value":"custom_value"}],"settings":{"pagination-header":"nav","paginationData":{"pagination-header-design":"show","pagination-header":"nav"},"formName":"Membership 2","version":"1.14.12.1","form-border-style":"none","form-padding":"","form-border":"","fields-style":"open","validation":"on_submit","form-style":"default","enable-ajax":"true","autoclose":"true","submission-indicator":"show","indicator-label":"Submitting...","form-type":"default","submission-behaviour":"behaviour-thankyou","thankyou-message":"Thank you for contacting us, we will be in touch shortly.","submitData":{"custom-submit-text":"OK","custom-invalid-form-message":"Error: Your form is not valid, please fix the errors!"},"validation-inline":"1","form-expire":"no_expire","form-padding-top":"0","form-padding-right":"0","form-padding-bottom":"0","form-padding-left":"0","form-border-width":"0","form-border-radius":"0","cform-label-font-family":"Roboto","cform-label-custom-family":"","cform-label-font-size":"16","cform-label-font-weight":"bold","cform-title-font-family":"Roboto","cform-title-custom-family":"","cform-title-font-size":"45","cform-title-font-weight":"normal","cform-title-text-align":"left","cform-subtitle-font-family":"Roboto","cform-subtitle-custom-font":"","cform-subtitle-font-size":"18","cform-subtitle-font-weight":"normal","cform-subtitle-text-align":"left","cform-input-font-family":"Roboto","cform-input-custom-font":"","cform-input-font-size":"16","cform-input-font-weight":"normal","cform-radio-font-family":"Roboto","cform-radio-custom-font":"","cform-radio-font-size":"14","cform-radio-font-weight":"normal","cform-select-font-family":"Roboto","cform-select-custom-family":"","cform-select-font-size":"16","cform-select-font-weight":"normal","cform-multiselect-font-family":"Roboto","cform-multiselect-custom-font":"","cform-multiselect-font-size":"16","cform-multiselect-font-weight":"normal","cform-dropdown-font-family":"Roboto","cform-dropdown-custom-font":"","cform-dropdown-font-size":"16","cform-dropdown-font-weight":"normal","cform-calendar-font-family":"Roboto","cform-calendar-custom-font":"","cform-calendar-font-size":"13","cform-calendar-font-weight":"normal","cform-button-font-family":"Roboto","cform-button-custom-font":"","cform-button-font-size":"14","cform-button-font-weight":"500","cform-timeline-font-family":"Roboto","cform-timeline-custom-font":"","cform-timeline-font-size":"12","cform-timeline-font-weight":"normal","cform-pagination-font-family":"","cform-pagination-custom-font":"","cform-pagination-font-size":"16","cform-pagination-font-weight":"normal","payment_require_ssl":"","submission-file":"delete","form_name":"membership-2","form_status":"publish","honeypot":"1","skipProNotice":"1","form-font-family":"custom"},"client_id":null,"notifications":[{"slug":"notification-1234-4567","label":"Admin Email","email-recipients":"default","recipients":"[email protected]","email-subject":"New Form Entry #{submission_id} for {form_name}","email-editor":"You have a new website form submission: <br/> {all_fields} <br/>---<br/> This message was sent from {site_url}.","email-attachment":"true","conditions":[]}]},"status":"publish","version":"1.14.12.1"}

No, all good, thanks!

The CSS was definitely there, but I’ve decided not to split out the address in aim of getting the form as simple as possible. Thanks very much for the css.
Thanks!

Did it but no difference.
Sorry!

Amazing that you can do the custom css, but wouldn’t it be better with an average form layout generator?
https://greypowerwellington.org.nz/membership/
I’d like the address, city and postcode in one line, with the address being about 50%, City 30%, and Postcode 20%
TIA!

I’ve got the border sorted out but whatever I try the font size doesn’t change. I’ll experiment a bit further and let you know if it’s unsolvable (by me!)
Thanks a million.

Thanks! That is fixed.
Now about the styles: the docs link to stripe which talks about stripe.js but I’m not sure where to find it and the corresponding css file.
Apologies for this: I started as a webmaster possibly before you were born but retired about 5 years ago (and the knowledge floods away)!

Sorted: may be worth adding a prompt about needing the calculation option to be set by one or more fields if there is an empty drop-down.

Thanks! Tightened it up bit more, replacing 4% by 5px

Yes (see https://greypowerwellington.org.nz )

Bingo! Thanks.
For your encore, any chance you could show how to do the same thing on the list of posts: the same thing applies there (ie excessive white space between title & content).