Change background on textfields (text and textarea)

Forums » WordPress » Tempera » How To

  • Author
    Posts
  • September 8th, 2015 at 10:59 #33264
    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

    September 8th, 2015 at 13:32 #33292
    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

    September 8th, 2015 at 13:33 #33293
    Zed
    Cryout Creations mastermind

    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.
    September 8th, 2015 at 13:33 #33294
    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
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Change background on textfields (text and textarea)’ is closed to new replies.