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 comment

14 answers to this question

Recommended Posts

  • 2
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 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 comment
  • 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 comment
  • 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.

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
On 9/22/2021 at 12:41 AM, margmorg said:

Since I deleted the 'disclaimer' text in the newsletter form on the footer, there is a lot of extra padding at the bottom. do you know how to resolve?  @tuanphan442265418_ScreenShot2021-09-21at11_38_56AM.thumb.png.f89a80d03e1c3df0a901c6fa879ced75.png

Hi,

What is site url?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
On 10/14/2021 at 2:41 AM, margmorg said:

peanut

Try adding to Design > Custom CSS

footer.sections {
.newsletter-form-body {
    padding-bottom: 0 !important;
}

.newsletter-form-footnote {
    display: none;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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...