Reply 199426 to: Problem trying to change the Mailchimp Layout

Avatar: Rose Tyler
Rose Tyler
Support staff
September 13, 2018 at 14:29

Please change this code in Global Cutom css:

.mc4wp-form input[type="email"] {
    width: 77%;
}

to:

.mc4wp-form input[type="email"] {
    width: 77%;
    height: 3.6rem;
    float: left;
    background-color: white;
    border: 1px solid #f0f0f0;
}

and this:

body .subscribe-block{
    padding:40px 0 150px 0 !important;
}

to

body .subscribe-block{
    padding:40px 0 100px 0 !important;
}

Also change this in Custom css for mobile:

.mc4wp-form input[type="submit"] {
    top: 80px;
    float: none;
    text-align:  center;
    left: 35%;
}
.mc4wp-form input[type="email"] {
    width: 100%;
}

to:

.mc4wp-form input[type="email"] {
    width: 100% !important;
}
.mc4wp-form input[type="submit"] {
    top: 70px;
    float: none;
    text-align: center;
    left: 33%;
    position:  absolute;
}

Regards

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.