CSS code for Captcha input box

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    Try this:

    .wpcf7-form input.wpcf7-captchar

    Thread Starter WPPaton

    (@wordpress-paton)

    Didn’t work

    Use Firebug or Chrome Dev Tools to understand the CSS used for your CF7 form elements.

    Once you understand how the HTML and CSS is configured in your CF7 form, you should be able to see the CSS changes you need to change the appearance of the form to suit your requirements.

    Thread Starter WPPaton

    (@wordpress-paton)

    I believe what is happening is that the field for Captcha is following the rules of text. What I am trying to do is just shorten the field length as it is displayed on the website. Can you give that specific field a unique class when designing the form?

    Ie.
    <Div Class=field_1″>
    <p> Please enter Captcha code below from the box above
    [captchar captcha-721]</p>
    </div>

    RE: Can you give that specific field a unique class when designing the form?

    No – ??using Firebug or Chrome Dev Tools is usually the best way for you to get the info you need.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS code for Captcha input box’ is closed to new replies.