How to customize the newsletter form

Support
#1

Hi!

I would like to know how can I customize my newsletter form.
I would like something similar to this:
https://africabrooke.com/join-mailing-list

But I don’t which element should I insert in cornerstone to make it possible, what it is the embedded form I should enter and how can I after edit so I can chose the colours and typography of the rest of the page. Could you advise me in what should I do?

This is my website: https://inawomansbody.com/nesletter-1/

Thanks,
Marina.

#2

Hello Marina,

Thanks for writing in!

A mailing list form or a subscription form will require a form and a platform such as Mailchimp. There are several ways to create the form. You can use Contact for 7 plugin and the Contact Form 7 MailChimp extension plugin. There is also our very own Email Forms which you can check it here:

Again, it will still need you to register to Mailchimp.

Hope this helps.

#3

Hi!

Thank you, it worked. I have few last questions. Could you advice me in how to do the following changes:

  • 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.
  • 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/

I write you below an example of what I would like to achieve:

Could you tell me how to do it?

Thanks,
Marina.

#4

Hi Marina,

Update this custom CSS:

.tco-subscribe-form-1439 .submit:hover {
    color: #722233;
    border-color: #722233;
    background-color: #ffffff;
}

To this:

.tco-subscribe-form-1439 .submit:hover {
    color: #722233;
    border-color: #722233;
    background-color: #ffffff;
   text-shadow: none;
}

It is fullwidth by default. You need to adjust the maximum width you set on the form via custom CSS.
See this: https://screencast-o-matic.com/watch/cq63Iqu5PZ

Unfortunately, I am not exactly sure about this.
I can see you got 2 text element on top. The 2nd one is centered the first is not. This is because the other has 35em and 30em left and right margin. Please clarify the last question.

#5

Perfect! Thank you so much, Lely. It is all solved now.

#6

We are delighted to assist you with this.

Cheers!

#7

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