Jump to content

Change newsletter form design on the footer

Recommended Posts

  • Replies 1
  • Views 1.1k
  • 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

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.