Edit my newsletter form

Support
#1

Hi,

I would like to know how can I make the following changes in my newsletter form:

  • Delete the shadow that appears when I put my mousse in Sign Up.
  • Make a bit bigger the rectangle where it’s written Email Address.
  • Delete the red shadow that appears when you click in enter your email.
  • Reduce the margin of the text where I write about my newsletter.

I write you below the link of my website: https://inawomansbody.com/newsletter/

Could you tell me how to do it?

Thanks,
Marina.

#2

Hi Marina,

Thank you for reaching out to us. This would require custom CSS as this is not a theme feature by default and is outside of our support scope, but we will do our best to help you getting started with the customization but we will not be able to implement it.

Delete the shadow that appears when I put my mousse in Sign Up.

Please add the following code in the Theme Options > CSS:

input[type="email"]:focus {
    border-color: #ddd !important;
}

Make a bit bigger the rectangle where it’s written Email Address.

Please make use of the following code:

.tco-subscribe-form {
    max-width: 300px !important;
}

Delete the red shadow that appears when you click in enter your email.

I don’t see any red shadow when I click in the email address field to enter the email (see screenshot)

Reduce the margin of the text where I write about my newsletter.

Assign your Text element a class e.g no-margin and then add the following code in the Theme Options > CSS:

.no-margin p {
    margin: 0;
}

Hope this helps!

#3

Thank SO much for your help!
The only thing that didn’t work it is that it keeps appearing a shadow in the text SIGN UP, when you place the mousse over the button of sign up. What can I do?

About the the red shadow, appears when you stay for a bit of time in the newsletter page and you don’t write your email.

Thanks,
Marina.

#4

Hey Marina,

  • To remove the text shadow from the Sign Up button, try adding the following code as well:
.tco-subscribe-form .submit:hover {
    text-shadow: none !important;
}
  • For the red shadow, try this code:
#tco_subscribe_form_email {
    border-color: #ddd !important;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Hope this helps!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.