Customise 'Form Block' in Lightbox Mode

I'd like to customise my Form Block (Contact Page) on my site in the Lightbox mode where it is a separate window form to my site, however am stuck with the coding.

If anyone can assist with changing the font, font size & colour, with no borders, a black line only along the form field, I can provide all font, HEX details and site login. 

Thanks so much!

anyone able to help?

Hi,

Can you share link to contact page? We can check easier

Thank you!

https://flatworm-bobcat-bmb2.squarespace.com/contact

password: Abel

On 5/25/2023 at 11:48 AM, WilliamAntonenko said:

Thank you!

 

https://flatworm-bobcat-bmb2.squarespace.com/contact

 

password: Abel

Password is incorrect. Can you check it again?

17 hours ago, tuanphan said:

Password is incorrect. Can you check it again?

no capitals - abel

On 5/25/2023 at 11:48 AM, WilliamAntonenko said:

Thank you!

 

https://flatworm-bobcat-bmb2.squarespace.com/contact

 

password: Abel

Add to Design > Custom CSS

div.lightbox-inner input:not([type="submit"]), div.lightbox-inner textarea {
    border: none !important;
    background-color: white !important;
    border-bottom: 1px solid black !important;
}

This is perfect!

Just a few notes,

- Is there a way to remove 'Form' from 'CONTACT Form'

- Can the text be made slightly smaller overall? A point down for all overall?

- Is there a way to make the background colour of the form the colour from my site? That colour being HEX #F3F2EC

Thanks so much 

On 6/13/2023 at 1:26 PM, WilliamAntonenko said:

This is perfect!

Just a few notes,

- Is there a way to remove 'Form' from 'CONTACT Form'

- Can the text be made slightly smaller overall? A point down for all overall?

- Is there a way to make the background colour of the form the colour from my site? That colour being HEX #F3F2EC

Thanks so much 

#1. Just edit form > Change Form Name

#2. Use this CSS

div.lightbox-content form * {
    font-size: 12px !important;
}

#3. Use this CSS

div.lightbox-content {
    background-color: #F3F2EC !important;
}

Am I able to change the title of the Lightbox form 'CONTACT' to a smaller size?

Thanks so much for all your help!

3 hours ago, WilliamAntonenko said:

Am I able to change the title of the Lightbox form 'CONTACT' to a smaller size?

 

Thanks so much for all your help!

Add to Design > Custom CSS

/* Lightbox form title */
.sqs-modal-lightbox-content .lightbox-inner .lightbox-content .form-wrapper .form-title {
    font-size: 10px;
}

Ah its perfect!

Is there a way to match the Post-Submit font to the rest of the site?

Thanks so much for all your help

Use this code

div.lightbox-content form * {
    font-size: 10px !important;
    font-family: 'Suisse' !important;
}