Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
AnaRachel

Customise newsletter block form Wells template

Question

10 answers to this question

Recommended Posts

  • 0
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?

Share this post


Link to post
  • 0

Thank you!

How can I make the word SIGN UP in bold?

Is it possible to make the grey block behind the whole newsletter box smaller and everything closer together?

Thank you

 

Share this post


Link to post
  • 0

Do you think there is a way to make both buttons SEND and SIGN IN exactly the same? They are slightly different at the moment.

Thanks so much

Screenshot 2019-11-07 at 09.50.17.png

Share this post


Link to post
  • 0
41 minutes ago, AnaRachel said:

@tuanphan

 

s send which is #171717

 

 

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

 

Share this post


Link to post
  • 0

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

 

Share this post


Link to post
  • 0

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

Edited by tuanphan

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...