Inline Form does not work

Hola @daniel89fg,

When you have our GDPR checkbox plugin enabled, we drop the submit button below the checkbox.

What would you like the form to look like? How would you like the elements aligned? We can give you custom CSS if you’d like a custom implementation.

Let me know.

Cheers,
Kevin.

P.S. I love the pictures on your website 🙂

Okay. Re-enable the GDPR plugin and I will give you custom CSS to style it like that.

Try these styles. They’re not exactly like the image but we can improve on them. I want to see them on your site first.

label.label-inline.EMAIL-label.yikes-mailchimp-field-required {
    width: 78%;
}

.EMAIL-label {
   color: #fff;
}

button.yikes-easy-mc-submit-button.yikes-easy-mc-submit-button-1.btn.btn-primary {
    width: 20%;
    float: right;
    margin-top: 26px;
    height: 20px;
    background-color: #c73434;
    font-weight: bold;
    color: white;
    outline: none;
    border: 0;
}

label.yikes-mailchimp-eu-compliance-label {
    position: absolute;
    top: 120px;
    left: 15px;
}

input#yikes-easy-mc-form-1-EMAIL {
    background-color: transparent;
    border: 1px solid #fff;
    color: black;
}

input#yikes-easy-mc-form-1-EMAIL::-webkit-input-placeholder { /* Edge */
    color: #fff;
}

input#yikes-easy-mc-form-1-EMAIL:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

input#yikes-easy-mc-form-1-EMAIL::placeholder {
    color: #fff;
}

.yikes-mailchimp-eu-compliance-text {
    color: #fff;
}

Are you familiar with adding custom CSS?

Let me know.

Thank you,
Kevin.

Awesome.

I’m hesitant to style the checkbox because it’s a lot of CSS.. Is this a requirement?

Do you know what color the submit button is using in your mockup?

Also, do you want the submit button’s width to be larger, the email field’s width to shorter, and the email field’s height to be bigger (like the mockup)?

Let me know.

Thank you,
Kevin.

What happened to the form? Did you make any further changes? It did not look like this after the styles were applied last week.

Let me know.

Thank you,
Kevin.

Can you try to revert those changes?

Hello,

Please replace the above styles with these:

.wpb_text_column .wpb_wrapper section#yikes-mailchimp-container-1 {
    margin-bottom: 10%;
}

.wpb_text_column.wpb_content_element {
    margin-bottom: 0px;
}

.wpb_text_column.wpb_content_element h2 {
    color: white;
}

label.label-inline.EMAIL-label.yikes-mailchimp-field-required {
    width: 78%;
}

.EMAIL-label {
   color: #fff;
}

button.yikes-easy-mc-submit-button.yikes-easy-mc-submit-button-1.btn.btn-primary {
    width: 20%;
    float: right;
    margin-top: 26px;
    height: 20px;
    background-color: #c2a16c;
    font-weight: bold;
    color: white;
    outline: none;
    border: 0;
}

label.yikes-mailchimp-eu-compliance-label {
    position: absolute;
    left: 15px;
}

input#yikes-easy-mc-form-1-EMAIL {
    background-color: transparent;
    border: 1px solid #fff;
    color: black;
    padding-top: 10px;
}

input#yikes-easy-mc-form-1-EMAIL::-webkit-input-placeholder { /* Edge */
    color: #fff;
}

input#yikes-easy-mc-form-1-EMAIL:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

input#yikes-easy-mc-form-1-EMAIL::placeholder {
    color: #fff;
}

.yikes-mailchimp-eu-compliance-text {
    color: #fff;
}

That’s as far as I can take this one.

All the best,
Kevin.