Jump to content

Customise newsletter block form Wells template

Recommended Posts

  • Replies 10
  • Created
  • Last Reply
22 hours ago, AnaRachel said:

Hello

I'd like to customise the newsletter box, to make it all more delicate and smaller, to have the SIGN UP button with less space (similar to the button SEND on the form above) and smaller text?

https://tambourine-algae-4xn6.squarespace.com/contact

password:

brunoro19

 

Thanks so much

 

 

Add to Home > Design > Custom CSS

button.newsletter-form-button {
    padding: 5px 10px !important;
    font-size: 14px !important;
}

"make it all more delicate and smaller"

Can you write more clearly?

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
span.newsletter-form-button-label {
    font-weight: bold;
}

@AnaRachel

div#block-yui_3_17_2_1_1571919319326_6692 .newsletter-form-wrapper {
    padding: 10px 0;
}

 

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
  • 4 weeks later...
41 minutes ago, AnaRachel said:

@tuanphan

 

s send which is #171717

 

 

.newsletter-block .newsletter-form-button {
    background: #171717 !important;
    border-color: #171717 !important;
}

 

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

Thank you but it seems the colour is still #272727 and not #171717

 

Here is the code I am using:

{button.newsletter-form-button {
    padding: 4px 13px !important;
    font-size: 14px !important;
    background: #171717 !important;
    border-color: #171717 !important;
}

{span.newsletter-form-button-label {
    font-weight: bold;
    padding: 0px 8px;
    letter-spacing: 0.3px;
.newsletter-block .newsletter-form-button 
  }

 

(and it says I am missing a { or } but I cannot see where!

Thank you SO SO SO MUCH

 

Link to comment

@AnaRachel Before span.newsletter, button.newletter there has {

You need to remove both.

I think the code should work. Try removing missing {} and Save.

If it still doesn't work, i need to check website...You can send me a message & invite me as contributor, i can take a look.

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

Archived

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.