Add description to lightbox form

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.

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;
}

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.

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?

23 hours ago, tuanphan said:

Same text for all form or different?

same text for all forms please. 

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;
}

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!

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