John_Isaacson Posted January 11, 2022 Share Posted January 11, 2022 Site URL: https://www.johnisaacson.co.uk/photographer-in-london Hi, I would like to add a description to my lightbox form just below the title. example of what I would like to add 'Enquire using the form below and i'll get back to you within 24 hours.' image attached shows an arrow to where i want the text to appear. any help would be really appreciated. Link to comment
tuanphan Posted January 12, 2022 Share Posted January 12, 2022 Try adding to Design > Custom CSS body#collection-619f2c221898562e22db4976 .form-title:after { content: "Enquire using the form below and i'll get back to you within 24 hours.\A 'image attached shows an arrow to where i want the text to appear.\A any help would be really appreciated."; display: block; font-size: 16px; white-space: pre-wrap; } 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
John_Isaacson Posted January 12, 2022 Author Share Posted January 12, 2022 9 hours ago, tuanphan said: Try adding to Design > Custom CSS body#collection-619f2c221898562e22db4976 .form-title:after { content: "Enquire using the form below and i'll get back to you within 24 hours.\A 'image attached shows an arrow to where i want the text to appear.\A any help would be really appreciated."; display: block; font-size: 16px; white-space: pre-wrap; } great, this is working, how do i get it to work on all forms throughout my site? is it linked to the collection. id also like to add a little spacing between the title and the text. thanks so much for your help. Link to comment
tuanphan Posted January 14, 2022 Share Posted January 14, 2022 On 1/13/2022 at 2:57 AM, John_Isaacson said: great, this is working, how do i get it to work on all forms throughout my site? is it linked to the collection. id also like to add a little spacing between the title and the text. thanks so much for your help. Same text for all form or different? 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
John_Isaacson Posted January 15, 2022 Author Share Posted January 15, 2022 23 hours ago, tuanphan said: Same text for all form or different? same text for all forms please. Link to comment
tuanphan Posted January 17, 2022 Share Posted January 17, 2022 On 1/15/2022 at 9:48 PM, John_Isaacson said: same text for all forms please. Use this new CSS div.lightbox-inner .form-title:after { content: "Enquire using the form below and i'll get back to you within 24 hours.\A 'image attached shows an arrow to where i want the text to appear.\A any help would be really appreciated."; display: block; font-size: 16px; white-space: pre-wrap; } 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
ccochran Posted September 18 Share Posted September 18 How can you make the added description go away for the post-submit message? The above worked perfectly for the Lightbox form instructions but makes no sense when the message is still there after hitting submit and with the post submit message. Thanks! Link to comment
tuanphan Posted September 19 Share Posted September 19 On 9/18/2023 at 9:48 AM, ccochran said: How can you make the added description go away for the post-submit message? The above worked perfectly for the Lightbox form instructions but makes no sense when the message is still there after hitting submit and with the post submit message. Thanks! Hi, Can you share link to page where you use form? I will check it again 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment