Jump to content

Newsletter header description font size change (for desktop & mobile view)

Recommended Posts


I'm looking to change the newsletter text beneath the header font. I already changed the header using this code:.newsletter-block .newsletter-form-header-title { font-size: 38px; font-weight: bold;}

And now I want to change the text under the header.

The Newsletter header also appears very small in mobile - cannot find any solution to it - any code to adjust that would be so helpful!!!

Also: I am noticing that the input form boxes are not 100% aligned with the Submit box - just a tiny difference but I can see it! Is it fixable? I am using Avenue template by the way.

Thank you!

Link to comment
  • Replies 4
  • Views 1.9k
  • Created
  • Last Reply

@myrto Text below Join our community

For Mobile

@media screen and (max-width:640px) {
.newsletter-form-header-description p {
   font-size: 30px !important;

For Desktop & Tablet

@media screen and (min-width:641px) {
.newsletter-form-header-description p {
   font-size: 50px !important;

align button, add this CSS

.newsletter-form-button {
   padding-bottom: 0.8em !important;

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

Link to comment


This topic is now archived and is closed to further replies.

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