make the captcha input field wider

  • Resolved durangod2

    (@durangod2)


    9 years ago

    the input field for the captcha code is not very wide and i know that you can type all the letters inside the box. But i am afraid if it looks like you cant type the letters in there as it does not that people will just give up and let their issue fester.

    we have to type 4 or 5 characters and the box is only set to two or one character that shows.

    So i need to make the input box/field wider so that someone can see all the letters they type in.

    i did try modifying this file.. yourplugin/includes/class-fscf-util.php
    line 631

    ‘captcha_input_style’ => ‘text-align:left; margin:0; width:50px;’, // CAPTCHA input field

    i changed it to 100% and also tried 120px and nothing is different.

    thanks.

    https://www.ads-software.com/plugins/si-contact-form/

Viewing 7 replies - 1 through 7 (of 7 total)
  • mbrsolution

    (@mbrsolution)

    Hi, can you share with me what are your current settings under Styles tab.

    Small CAPTCHA DIV:
    Large CAPTCHA DIV:

    Thread Starter durangod2

    (@durangod2)

    hi, they are as follows

    Small CAPTCHA DIV:
    width:175px; height:50px; padding-top:2px;

    Large CAPTCHA DIV:
    width:250px; height:65px; padding-top:2px;

    mbrsolution

    (@mbrsolution)

    Can you share your contact form URL?

    Thank you

    Thread Starter durangod2

    (@durangod2)

    sure

    https://usplayersonlygaming.com/contact-us/

    mbrsolution

    (@mbrsolution)

    Hi check the following code.

    input, select, textarea {
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 19px;
    padding: 15px;
}

    Reduce the padding to 5px; or less. Then you will see the width increase for the captcha an all the other fields.

    If you are only interested in reducing the captcha, here is the captcha id fscf_captcha_code1.

    To reduce the captcha try adding padding: 5px; to the fields mentioned above. Which ever size you are currently using.

    Thread Starter durangod2

    (@durangod2)

    ok i found it, if you scroll down to the bottom area of the styles (tab) page you will see another list of values

    Input text field CAPTCHA:
    text-align:left; margin:0; width:50px;

    i just changed that value and perfect now it is bigger

    mbrsolution

    (@mbrsolution)

    I am happy to hear you resolved your issue ?? Well done…..

    Enjoy the plugin

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘make the captcha input field wider’ is closed to new replies.