Hi,
There was some extra code in the above CSS, please try this:

@media screen and (max-width: 600px) {
#av_section_1 {
background: none !important;
}
}

@media screen and (max-width: 300px) {
#av_section_1 {
background: none !important;
}
}

Best regards,
Mike

Hi,
I’ve asked for some help with this, Thanks a lot for your patience.
Best regards,
Mike

Hey rwidick,
What are you trying to achieve?

Best regards,
Mike

Hi,
An easy way to check your page source for your page id is to Right Click > View Page Source > Ctrl+F (search) type “page-” and see what highlights. There are also plugins that will show page id next to your posts in the admin area.

Best regards,
Mike

Hi,
Sorry, can you send me a login in the private area. also where is form 2?
Recap, 3 is good, 2 placeholder & input needs to be gray, 1 input needs to be white.

Best regards,
Mike

Hi,

Ihr Willkommen und danke für die Verwendung von Enfold.

Best regards,
Mike

Hey wimbeckers,
I was able to use it, try Incognito or inPrivate mode.

Best regards,
Mike

Hi,

Best regards,
Mike

Hi,
I have tested your link on many browsers and Win & IOS, and all look the same. But I don’t have a Imac screen to test with so I can’t duplicate your issue. Sorry I could not help more.

Best regards,
Mike

Hi,
Oups, I see my error, don’t forget to change the colors below :)

/* start #mc4wp-form-1 */
#mc4wp-form-1 input[type=”email”], #mc4wp-form-1 input[type=”text”] {
color: #ffffff!important;
background-image: url(“http://silviafindings.wpengine.com/wp-content/themes/enfold/images/background-images/dots-mini-light.png”); (hosted on WPengine)
background-repeat: repeat;
}

/*and use these for the placeholder styles:*/
#mc4wp-form-1 .mc4wp-form ::-webkit-input-placeholder { /* WebKit browsers */
color: #f8f8f8;
font-size: 12px;
}

#mc4wp-form-1 .mc4wp-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #f8f8f8;
font-size: 12px;
}

#mc4wp-form-1 .mc4wp-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #f8f8f8;
font-size: 12px;
}

#mc4wp-form-1 .mc4wp-form :-ms-input-placeholder { /* Internet Explorer 10+ */
color: #f8f8f8;
font-size: 12px;
}
/* end #mc4wp-form-1 */
/* start #mc4wp-form-2 */
#mc4wp-form-2 input[type=”email”], #mc4wp-form-2 input[type=”text”] {
color: #ffffff!important;
background-image: url(“http://silviafindings.wpengine.com/wp-content/themes/enfold/images/background-images/dots-mini-light.png”);
background-repeat: repeat;
}

/*and use these for the placeholder styles:*/
#mc4wp-form-2 .mc4wp-form ::-webkit-input-placeholder { /* WebKit browsers */
color: #f8f8f8;
font-size: 12px;
}

#mc4wp-form-2 .mc4wp-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #f8f8f8;
font-size: 12px;
}

#mc4wp-form-2 .mc4wp-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #f8f8f8;
font-size: 12px;
}

#mc4wp-form-2 .mc4wp-form :-ms-input-placeholder { /* Internet Explorer 10+ */
color: #f8f8f8;
font-size: 12px;
}
/* end #mc4wp-form-2 */
/* start #mc4wp-form-3 */
#mc4wp-form-3 input[type=”email”], #mc4wp-form-3 input[type=”text”] {
color: #ffffff!important;
background-image: url(“http://silviafindings.wpengine.com/wp-content/themes/enfold/images/background-images/dots-mini-light.png”);
background-repeat: repeat;
}

/*and use these for the placeholder styles:*/
#mc4wp-form-3 .mc4wp-form ::-webkit-input-placeholder { /* WebKit browsers */
color: #f8f8f8;
font-size: 12px;
}

#mc4wp-form-3 .mc4wp-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #f8f8f8;
font-size: 12px;
}

#mc4wp-form-3 .mc4wp-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #f8f8f8;
font-size: 12px;
}

#mc4wp-form-3 .mc4wp-form :-ms-input-placeholder { /* Internet Explorer 10+ */
color: #f8f8f8;
font-size: 12px;
}
/* end #mc4wp-form-3 */

Best regards,
Mike

Hey YongyanLi,
There are many good plugins such as “Hide My WordPress” that you can use, but if you want to do it yourself here is a good article:

Best regards,
Mike

Hi,
Here is a basic framework for you, but you’ll still need to change the colors, etc.
Your CSS is addressing #ids, so we will continue to do so instead of classes like I posted before.
Hope this helps :)

/* start #mc4wp-form-1 */
#mc4wp-form-1 input[type=”email”], #mc4wp-form-1 input[type=”text”] {
color: #ffffff!important;
background-image: url(“http://silviafindings.wpengine.com/wp-content/themes/enfold/images/background-images/dots-mini-light.png”); (hosted on WPengine)
background-repeat: repeat;
}

/*and use these for the placeholder styles:*/
#mc4wp-form-1 .mc4wp-form ::-webkit-input-placeholder { /* WebKit browsers */
color: #f8f8f8;
font-size: 12px;
}

#mc4wp-form-1 .mc4wp-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #f8f8f8;
font-size: 12px;
}

#mc4wp-form-1 .mc4wp-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #f8f8f8;
font-size: 12px;
}

#mc4wp-form-1 .mc4wp-form :-ms-input-placeholder { /* Internet Explorer 10+ */
color: #f8f8f8;
font-size: 12px;
}
/* end #mc4wp-form-1 */
/* start #mc4wp-form-2 */
#mc4wp-form-2 input[type=”email”], #mc4wp-form-1 input[type=”text”] {
color: #ffffff!important;
background-image: url(“http://silviafindings.wpengine.com/wp-content/themes/enfold/images/background-images/dots-mini-light.png”);
background-repeat: repeat;
}

/*and use these for the placeholder styles:*/
#mc4wp-form-2 .mc4wp-form ::-webkit-input-placeholder { /* WebKit browsers */
color: #f8f8f8;
font-size: 12px;
}

#mc4wp-form-2 .mc4wp-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #f8f8f8;
font-size: 12px;
}

#mc4wp-form-2 .mc4wp-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #f8f8f8;
font-size: 12px;
}

#mc4wp-form-2 .mc4wp-form :-ms-input-placeholder { /* Internet Explorer 10+ */
color: #f8f8f8;
font-size: 12px;
}
/* end #mc4wp-form-2 */
/* start #mc4wp-form-3 */
#mc4wp-form-3 input[type=”email”], #mc4wp-form-1 input[type=”text”] {
color: #ffffff!important;
background-image: url(“http://silviafindings.wpengine.com/wp-content/themes/enfold/images/background-images/dots-mini-light.png”);
background-repeat: repeat;
}

/*and use these for the placeholder styles:*/
#mc4wp-form-3 .mc4wp-form ::-webkit-input-placeholder { /* WebKit browsers */
color: #f8f8f8;
font-size: 12px;
}

#mc4wp-form-3 .mc4wp-form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #f8f8f8;
font-size: 12px;
}

#mc4wp-form-3 .mc4wp-form ::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #f8f8f8;
font-size: 12px;
}

#mc4wp-form-3 .mc4wp-form :-ms-input-placeholder { /* Internet Explorer 10+ */
color: #f8f8f8;
font-size: 12px;
}
/* end #mc4wp-form-3 */

Best regards,
Mike

Hi,
Have you tried the Perfect Automatic Masonry grid? Except on wide screens, it sounds like what you are describing

Best regards,
Mike

Hey tremblayly,
The sidebar form is class= .mc4wp-form-12953
& the form near the footer is class= .mc4wp-form-21990
Here is a screenshot on how I found that in Chrome, if your interested.

Best regards,
Mike

Hi,
To change your bold text to a darker gray/black use this code in the General Styling > Quick CSS field:

.main_color strong {
    color: #222;
}

This will work site wide

Best regards,
Mike