Jump to content

Match newsletter input fields with contact form input fields

Go to solution Solved by tuanphan,

Recommended Posts

Hi there,

Would it be possible for someone to assist with some custom CSS please? The website is: andytomlinson.co.uk, and the password is AndyTomlinson.

I like the default style (border and background colour) of the input fields in the contact form on the Contact Me page. I'd like the input field in the newsletter block on the Home page to match, since the border seems lighter, and there doesn't appear to be any background. If possible, I'd also like the colour of the placeholder text (Email Address) to match the rest of the site i.e. black instead of grey.

Also, whilst I'm here...could just be my eyes, but I think (on the Home page) the gap between the paragraph text of the 'Consulting' section and the heading of the 'Subscribe' section might be slightly larger than the same gap between 'Courses' and 'Consulting'. Not sure if it's possible to pull the subscribe section up a tiny bit to get it to match?

Many thanks in advance!


Edited by AndyTomlinson
Link to comment
  • Replies 2
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

  • Solution

You can use this code to Website > Website Tools > Custom CSS

div.newsletter-block input {
    border: 1px solid rgb(169,169,169) !important;
    background-color: #fafafa !important;
    color: black !important;

div.newsletter-block input::placeholder {
    color: black !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

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.