Jump to content

Customize Newsletter sign-up in footer

Recommended Posts

Site URL: https://www.firstandfirstconsulting.com/

I am trying to edit my newsletter block in the footer so it is not so huge. I've found how to make the "sign up" button smaller, but I also want to make the email box smaller to be the same size as well. I also want to decrease the amount of space between the button and the email box so that when they stack they arent so far apart. 

Open to other suggestions on how to format a newsletter block in the footer. 

Screen Shot 2022-04-29 at 1.31.37 pm.png

Screen Shot 2022-04-29 at 1.35.47 pm.png

Edited by marina225
added another screenshot
Link to comment
  • Replies 4
  • Views 885
  • Created
  • Last Reply

Top Posters In This Topic

  • 5 months later...
On 10/13/2022 at 10:55 PM, Melbaspence said:

@tuanphan  Also trying to format the newsletter form in the footer. There is SO MUCH space between the copy and the email collection form. How do I tighten up the spacing?

Site is https://www.senseofspencer.com/

Screen Shot 2022-10-13 at 11.53.47 AM.png

It is blank paragraph, you can check it gain & remove it.

Or add this to Design > Custom CSS

footer.sections .newsletter-form-header-description p:last-child {
    display: none;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...

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.