[ARS]

Hello.
I have Contact Form 7 installed on my web site. I’m using this documentation http://contactform7.com/styling-contact-form/ to change the background color for the text and textarea fields. For this, i’m adding some css at miscelaneus/CSS style on the Tempera Settings, but the background never change…

Do you know if this actions is possible? other way is change the theme css files, change the contact form 7 css files or create a child theme and change the css files…

Thanks

[ARS]

I found the solution… adding this code to css on miscelaneous tempera settings.

input[type="text"], input[type="password"], input[type="email"], input[type="file"], textarea, select, input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="number"],input[type="range"], input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input[type="week"] {
background-color: #xxxxxx !important;
}

!important is the key

[Zed]

Or specificity.
body input[type="text']...
takes precedence over the theme’s styling.
!important should only be used as a last resort as it cannot be overridden.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[ARS]

I found the solution… adding this code to css on miscelaneous tempera settings.

input[type="text"], input[type="password"], input[type="email"], input[type="file"], textarea, select, input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="month"],input[type="number"],input[type="range"], input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input[type="week"] {
background-color: #xxxxxx !important;
}

!important is the key

Here the result
http://www.alojamientoruralsegovia.com/contacto/

[Author]

Posts