1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/

Solved How to change the text color for CAPTCHA in divi form

Discussion in 'Free Divi Community Forum' started by Nate Smith, Jun 13, 2018.

  1. Nate Smith

    Nate Smith New Member

    I didn't see the option in the settings popup. Does that have to be some CSS code? It's specifically for the math problem DIVI forms use. See attached screenshot.

    Thanks everyone!
    Nate
     

    Attached Files:

    1. AD Recommended Web Hosting for Divi sites: https://divi.help/link-forums/siteground.140/
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Check out the screenshot below:

    upload_2018-6-14_8-59-29.png
     
  3. Nate Smith

    Nate Smith New Member

    Awesome! Thank you.
     
    1. AD Recommended Web Hosting for Divi sites: https://divi.help/link-forums/siteground.140/
  4. Nate Smith

    Nate Smith New Member

    Is it possible to change the color of the field lines? I'd like them to be white.
     

    Attached Files:

  5. TomOverthere

    TomOverthere New Member

    Thanks for this simple fix. I created a Divi.Help account/membership just to be able to see this screenshot. It's so simple and effective. I'll be back here a LOT. Thanks again.
     
    1. AD Power up your Divi sites with tons of new functionalities: https://divipowerful.divi.help/
  6. beryl

    beryl New Member

    My problem is a little different and my contact form doesn't function it seems as a result:
    When using the contact form and entering info (to, from, message whatever). everything looks great until you get to the field to input the captcha response. It is a math problem.
    Attached screenshots of 4 screens--the first is the Divi contact form module setting selecting the captcha feature
    the next 2 are of the screens you see as you complete the form and attempt to use the captcha feature to answer
    Finally is the last screen of the error message and behavior of the form.
    The question:

    1. You cannot enter the captcha answer manually! (Does anyone else have this issue)
    2. The first time you hover over the math questions (13+12 or whatever) a drop down appears with several options, black font on white background (good). If you don't immediately select an answer or move your cursor off the drop down it immediately disappears
    3. If you try and type in the answer, you cannot (the box is essentially blocked).
    4.If you choose the wrong answer from the dropdown OR try and type a captcha answer in the box, you get the error message and you must reload the page and completely retype in your message. Then you have to get the dropdown option again right the first time. If you try and type the answer in, repeat to #1.
    Sometimes people have long messages in the message box, so this "reset" is a real hassle for them and enough for them not to pursue contacting me.
    I have changed font colors using the code in case the manual entry issue was actually a white font on white background issue but none of the variations made a difference. Any thoughts? https://prnt.sc/t73ubqhttps://prnt.sc/t73v2shttps://prnt.sc/t73w1m
     
  7. Divi.Help

    Divi.Help Administrator
    Staff Member

    Never heard of such issue before. You should be able to type in the captcha box. Kindly share your URL.
     
    1. AD Replace all Divi-related branding with your own for your Divi site: https://divi.help/link-forums/divi-ghoster.161/
  8. beryl

    beryl New Member

     
  9. beryl

    beryl New Member

    Attached is a screenshot. The pulldown does not provide the true option: 5+2=7. In any event the captcha should allow me to type in the answer and it does not. You can visit the page at https://www.forensicexpertpro.com/contact/ I will leave captcha on so you can test it and see. Tomorrow I (Sunday 6/28) I will take the captcha off because it is preventing people from sending me a message.
     

    Attached Files:

    1. AD Speed up your Divi site with Divi specific cache plugin: https://divi.help/link-forums/divi-rocket.160/
  10. beryl

    beryl New Member

    FYI, I added a box to email directly as a failsafe for my users. It isn't styled for mobile or anything--but is a temporary option if the captcha doesn't work. Disregard it for purposes of figuring out the captcha box.
     
  11. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .et_pb_contact_right p input {
        border: none!important;
        max-width: 55px!important;
    }
     
    1. AD Free Divi premade layouts & sections for download: https://divi.help/link-forums/divi-den-freebies.145/
  12. beryl

    beryl New Member

    That worked!! I now have an option in the pulldown that is correct, and if someone starts typing in the box, there is no obstacle.
    .
    Can you explain why it worked? Was the issue that for some reason the field was too narrow????
    I would appreciate your explanation in case it comes up again in the future :)

    Lastly,is there any way to add to what appears in the pulldown or next to the numbers? Something like this:
    "Type the answer or choose from pulldown: "
     
  13. Divi.Help

    Divi.Help Administrator
    Staff Member

    There seems to be a height set for the captcha box. Unlike your other fields, which appear bigger with padding + border, the captcha box remain small, and thus the text is pushed out of the box.
    Try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    .et_pb_contact_captcha_question:before {
        content: 'Type the answer or choose from pulldown:';
        display: inline-block!important;
        margin-right: 12px;
    }
     
    1. AD Recommended Web Hosting for Divi sites: https://divi.help/link-forums/siteground.140/
  14. beryl

    beryl New Member

    That is funny about the box size. That is what happens in Quickbooks too--if the column is too narrow, it does not work. For example, a 6 digit number like 2,342.43 becomes XXXX (etc.)

    The additional code works but now we are back to the issue of the drop down not providing a true answer. Is that how it is supposed to work, like a random answer generator that forces the typing in and thus repels bots?
    upload_2020-6-29_9-22-31.png
     

    Attached Files:

  15. Divi.Help

    Divi.Help Administrator
    Staff Member

    By default, there shouldn't be any dropdown value. Check out the demo on ET site: https://www.elegantthemes.com/preview/Divi/contact-form/

    Perhaps it's being added by some other plugins. You may try to enable Safe Mode & see if the dropdown is still there or not: WP Admin > Divi > Support Center > Safe Mode > Enabled.
     
    1. AD Free Divi premade layouts & sections for download: https://divi.help/link-forums/divi-den-freebies.145/

Recommended Divi Hosting