Jump to content

Adjusting Newsletter block in footer

Go to solution Solved by tuanphan,

Recommended Posts

Posted (edited)

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
Posted
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?

  • Solution
Posted
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

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

  • 1 year later...
Posted
On 2/8/2023 at 4:22 AM, Dovely2023 said:

Hi @tuanphan we are trying to reduce the size of the email field and the button for our version of the newsletter sign up block in our footer. Would you able to help us adjust this? Thank you! Link and password are below. URL: https://penguin-toucan-s42t.squarespace.com/philosophy PW: DoveLove2023!

Hi,

You mean Text Size?

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!)

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.