How to modify Squarespace newsletter button css ?

To style a Squarespace newsletter button using CSS, you can follow these steps:

  1. First, locate the newsletter block on your Squarespace website and click on the Edit button.

  2. Next, click on the Design tab and scroll down to the Custom CSS field.

  3. In the Custom CSS field, you can add the following CSS code to style your newsletter button:

.newsletter-form-button {
  background-color: #FFA500; /* Change the color to your desired hex code */
  color: #FFFFFF; /* Change the text color to your desired color */
  border: none; /* Remove the border */
  padding: 10px 20px; /* Change the padding to your desired size */
  border-radius: 5px; /* Add rounded corners to the button */
  font-size: 16px; /* Change the font size to your desired size */
  font-weight: bold; /* Make the text bold */
  text-transform: uppercase; /* Change the text to uppercase */
  cursor: pointer; /* Add a pointer cursor on hover */

.newsletter-form-button:hover {
  background-color: #FFC107; /* Change the hover color to your desired hex code */

Once you’ve added the CSS code, click Save to apply the changes.

Note: The CSS code above is just an example, you can modify the values to suit your design preferences.

About Author


Order for website design

Help :