Mailchimp hover color in footer template using elementor

Hello,

Try adding the below code to the Appearance > Customize > Custom CSS section to fix it –

.mc4wp-form-fields input[type="text"], .mc4wp-form-fields input[type="email"] {
    color: #fff !important;
}

When I put in the code below it tells me there are two errors that will break my page. I don’t dare hit publish. There is a lot of information in that box. Does it go at the beginning, the end, or somewhere in between?

.mc4wp-form-fields input[type=”text”], .mc4wp-form-fields input[type=”email”] {
color: #fff !important;
}

Hello,

What error you are seeing, can you tell me? The code is correct and it should work.

I have copied and pasted below everything that is written in the Custom CSS section. I get an error which reads “there are two errors that must be fixed before you can save” They read “Expected RBRACE at line 20. col. 2” and “Unexpected token ‘}’ at line 24. col. 1”

button#wpforms-submit-4 {
max-width: 100%;
width: 100%;
}
button#wpforms-submit-4:hover {
border: none;
}

header#site-header section.elementor-element.elementor-element-d58f145.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section {
display: none;
}

@media screen and (min-width:960px) {
#site-logo {
position: relative;
left: 50%;
transform: translateX(-50%);
.mc4wp-form-fields input[type=”text”], .mc4wp-form-fields input[type=”email”] {
color: #fff !important;
}
}
}

Hi Amit,
I added your code that you gave me to the top of all the other code, instead of the bottom like I had done previously, and it worked like a charm. That issue is fixed. Wow. Thanks so much. It’s like magic when it works!

Fixed. Yay!

You’re welcome!