Topic: Problem trying to change the Mailchimp Layout

Hello,

Please add this code in Global custom css:

.mc4wp-form input[type="submit"] {
    right: 8%;
    font-size: 13px !important;
    letter-spacing: 2px !important;
    width: 145px !important;
    height: 50px !important;
    color: #fff !important;
    background: #26172c !important;
    font-family: Yantramanav;
}
.mc4wp-form input[type="submit"]:hover {background: #ff83a0 !important;}
.mc4wp-form input[type="email"] {
    width: 77%;
}

and 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%;
}

Let us know the result.

Regards

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

Hello,

You’re welcome!
Have a good day too.

Regards