Jump to content

Change newsletter form design on the footer

Recommended Posts

  • Replies 1
  • Views 980
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Add the below code in Custom CSS 

#footer-sections .sqs-block-newsletter {
    background : transparent;

#footer-sections .sqs-block-newsletter input {
    background : transparent;
    border : solid var(--form-field-border-thickness) var(--dynamic-border-color, #A9A9A9);
    border-radius: .4rem;

#footer-sections .sqs-block-newsletter input::placeholder {
    color : #fff;

#footer-sections .sqs-block-newsletter button {
    background : #fff!important;
    color : #000!important;


Screenshot 2024-03-09 at 21.22.21.png

👨‍🔧👨‍💻 Contact me for development work - I’m a Freelancer Software engineer, Architect, and Designer UI/UX

🙋‍♂️ Squarespace Custom Web Development & Design

📅 Manage Tasks, Take Notes, and Upload Related Images

📹 Squarespace Tutorials for free - YouTube📹 

💯🚀 I have worked on over 200 Squarespace sites with custom code for over 9 years

🙋‍♂️ Let's connect on LinkedIn



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.