Jump to content

Add description to lightbox form

Recommended Posts

  • Replies 7
  • Views 1.8k
  • Created
  • Last Reply

Top Posters In This Topic

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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
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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 year later...
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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.