Email signup for Flint Skin Liberte

Hi there,

Are you using Elementor or just the default Gutenberg editor?

Liberte is actually only using the free version of Elementor.

Let me know :)

Hi Leo,

Thank you for your reply. Yes, I was able to import all the demo content and customize it to my liking with the regular Elementor.

However, the email signup form is not functional (see https://imgur.com/NyuIWbH).

So my question is: how can I achieve the same design but with an actual free email form (I use Mailchimp)?

Thanks,
Kevin

Hi there,

Liberte just displays a fake sign up form.
If you want to add your own sign up form, then let us know once thats done and provide a link to the site and ill provide some CSS to style it.

Hi David,

Please see at the bottom of the page the signup form from MC4WP.

Thank you,
Kevin

Try this CSS:

.mc4wp-form-fields>p {
  margin-bottom: 0.5em;
}

.mc4wp-form-fields input[type="email"] {
  width: 100%;
  padding: 20px;
  text-align: center;
  font-weight: 700;
  color: #000;
}

.mc4wp-form-fields input[type="submit"] {
  width: 100%;
  padding: 10px;
  background-color: transparent;
  font-size: 24px;
  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px !important;
  border-color: #fff;
  border-width: 6px;
  transition: transform 0.3s ease-in;
}

.mc4wp-form-fields input[type="submit"]:hover {
  transform: translatey(-0.125em);
}

Perfect - thank you, David! :)

You're welcome