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