Jump to content

padding in newsletter subscribe

Go to solution Solved by Ziggy,

Recommended Posts

Hi there,

I'm trying to get the padding on this grey box to be smaller. Doesn't seem to be a site style, and I've tried lots of different code injections, none of which work, and I can't figure out why...  am I missing something really obvious!?

It's the bits in red I'd like to reduce the height of.

On another note, whilst I'm here, is there a way to make that 'sign up' button narrower!? Whenever I enlarge the text in it, the whole thing enlarges...

URL is https://www.janemutiny.com/subscribe

Any advice much appreciated,

Jane

Screenshot 2022-11-07 at 16.16.58.jpg

Link to comment

Add this CSS:

#collection-5fad732fe44daa6be0d50014 {
  .newsletter-block .newsletter-form-header-description, .newsletter-block .newsletter-form-footnote p {
    display:none;
  }
  .newsletter-block .newsletter-form-wrapper {
    padding-bottom:16px;
  }
}

It should tighten everything up by hiding there space for the description and footnote. 

Let me know if that works!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment
13 minutes ago, Ziggy said:

Add this CSS:

#collection-5fad732fe44daa6be0d50014 {
  .newsletter-block .newsletter-form-header-description, .newsletter-block .newsletter-form-footnote p {
    display:none;
  }
  .newsletter-block .newsletter-form-wrapper {
    padding-bottom:16px;
  }
}

It should tighten everything up by hiding there space for the description and footnote. 

Let me know if that works!

it did! Thank you so much!

Any idea on the button itself?

Link to comment

Add this as well:

.sqs-editable-button-layout {
    padding: 0.42em 2.5em;
}

Adjust the 0.42em to get the height of the button just right.

Give me a thumbs up if that worked, thanks!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment
  • Solution

Sorry about that, try this instead:

.newsletter-block .newsletter-form-button {
  padding: 0.42em 2.5em !important;
}

Place it within the #collection brackets to target just that page.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment

Excellent! Glad that's looking how you want it now!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

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.