Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

7.1 Newsletter Block CSS Help - how to reduce size of email fill form and submit button


CarolynSmith

Question

I would like your help please with code to adjust/decrease the size of the email fill form box and submit button (visual attached of desktop and mobile/tablet) located in my footer on version 7.1. The email fill form box and submit button are too large and do not shrink when I try to change button size in Squarespace's built in button size adjustment tool.

Thanks so much! 

7.1 Newsletter Block Fill Form and Submit Button Too Large - Desktop.png

7.1 Newsletter Block Fill Form and Submit Button Too Large - Mobile.png

Link to post
  • Answers 7
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

https://sandralynnallendesign.squarespace.com/   thanks so much!

Posted Images

7 answers to this question

Recommended Posts

  • 1
23 hours ago, CarolynSmith said:

Add to Home > Design > Custom CSS

.sqs-block-newsletter .newsletter-form-field-element {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
button.newsletter-form-button.sqs-system-button {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

 

Link to post
  • 0
12 hours ago, tuanphan said:

Add to Home > Design > Custom CSS


.sqs-block-newsletter .newsletter-form-field-element {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
button.newsletter-form-button.sqs-system-button {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

 

Thank you so much! 

Link to post
  • 0

Hi Tuan,

 

How do you change the font size of the button in a newsletter block? I have tried your method, and no luck so far.

 

Quote

button.newsletter-form-button.sqs-system-button {font-size:10px !important}

Nothing is happening to it.

Link to post
  • 0
19 hours ago, HarKS said:

Hi Tuan,

 

How do you change the font size of the button in a newsletter block? I have tried your method, and no luck so far.

 

Nothing is happening to it.

Can you share link to page where you use newsletter? We can check easier.

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...