Jump to content

Adjusting Newsletter block in footer

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://wrasse-buffalo-6zlc.squarespace.com/

Hi i want to make my newsletter sign up form align left in the footer

Can anyone help me with this custom code?

Additionally I want to make the padding around the box less- in particular below the subscribe and box so there is no so much space. 

On mobile it makes the box and button on two lines - is there any way to make it smaller on mobile to fit one line?

 

Screen Shot 2021-10-11 at 12.18.12 PM.png

Edited by IndigoBolt11
Link to comment

Hey @IndigoBolt11 choose Your newsletter block, click to edit and go to the Design > Alignment and choose left alignment

chrome_Y9rF9pEyVS.png.e2670152a9460ca5650240f2637a8798.png

chrome_RboGoXw02h.png.6ed267e00e395fb933f85b00586d2074.png

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

Link to comment
1 minute ago, SquareRefresh said:

Hey @IndigoBolt11 choose Your newsletter block, click to edit and go to the Design > Alignment and choose left alignment

chrome_Y9rF9pEyVS.png.e2670152a9460ca5650240f2637a8798.png

chrome_RboGoXw02h.png.6ed267e00e395fb933f85b00586d2074.png

Thank you! Silly miss on my part - can you help with the questions I added:

Additionally I want to make the padding around the box less- in particular below the subscribe and box so there is no so much space. 

On mobile it makes the box and button on two lines - is there any way to make it smaller on mobile to fit one line?

Link to comment
  • Solution
On 10/12/2021 at 1:33 AM, IndigoBolt11 said:

Thank you! Silly miss on my part - can you help with the questions I added:

Additionally I want to make the padding around the box less- in particular below the subscribe and box so there is no so much space. 

On mobile it makes the box and button on two lines - is there any way to make it smaller on mobile to fit one line?

Try adding to Design > Custom CSS

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

.newsletter-form-body>div {
    margin: 0 !important;
}
@media screen and (max-width:767px) {
footer.sections .newsletter-form-fields-wrapper.form-fields {
    width: 50% !important;
    float: left !important;
    margin-right: 10px;
}
footer.sections .newsletter-form-button-wrapper.submit-wrapper {
    width: 40% !important;
    float: right;
}
}

 

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

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

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.