• yfh2

    (@yfh2)


    As one can see on the page, the background is defined for the label PLUS the input field :
    .wpcf7-form label { background-color: #6bbd6e; }

    I cannot, even with adding CSS code make such that the background behind the input zone is different from the label itself.
    (like : .wpcf7-form input[type=”text”] { background-color: #ffffff } -> this does not work)

    Any idea ?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • mihc1234

    (@mihc1234)

    I had s similar issue with formatting the field length.. .all the CSS tricks with additional classes and formatting of divs would not shorten the size of the field that a form filler outer would use to enter their response. But then I saw somewhere, not sure where, that you could add the text size:## inside the brackets of the field, like so

    [text* First-Name akismet:authorfirst autocomplete:first_name size:18
    maxlength:25 placeholder "first name"]

    Cross your fingers, and adjust your form like so, I’d be interested to hear what the result is.

    [type=”text” background-color: #ffffff ]

    (tangential friendly reminder; the placeholder tag must always come last or the input question gets screwed up in rendering the form on your page. )

    Plugin Author Takayuki Miyoshi

    (@takayukister)

    Which version of WordPress and which version of the Contact Form 7 plugin do you use on the site?

    Thread Starter yfh2

    (@yfh2)

    @mihc1234 : nothing worked
    [text* your-name background-color: #dddddd autocomplete:name] does nothing, even if I remove CSS code
    As per [type=”text” background-color: #ffffff ], it just writes this text on the form …

    @takayukister : that would be 6,8,2 for wordpress and 5.7.5.1  for Contact Form 7
    (I know it’s not the last, but unless you know for certain there is a fix in the later version, I’m not sure I will update).

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Label / Input fields background color’ is closed to new replies.