1. PROMO Get 60% OFF Lifetime Pro Membership & access all our Pro Divi Extensions, Divi Layouts, Divi AI Generator, Divi Block, etc.VIEW PRICING
Dismiss Notice
UPDATE Custom Color Scheme + Premade Divi Layouts - A perfect combination to boost productivity. New 'Gadget Repair' layout added.Try our Custom Color Layouts
BEST Divi Block - A revolutionary online drag & drop tool to easily mix & match 478+ premade blocks to kick start your Divi site design. Special module designs are included as well.
Learn MoreTry Free Version

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. PRO MEMBER PERKS Divi Block Pro - Premade slide in bar design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Check out the screenshot below:

    upload_2018-6-14_8-59-29.png
     
    VicVader and Marcus Do Carmo like this.
  3. Nate Smith

    Nate Smith New Member

    Awesome! Thank you.
     
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  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. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  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. PRO MEMBER PERKS Beautifully crafted custom colored 'Industrial' Divi layout for all Pro members:View Demo
  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. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  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. PRO MEMBER PERKS Divi Ultimate Child Theme - Tons of premade layouts & section designs + functionalities for your Divi site:Learn More
  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. PRO MEMBER PERKS Divi Ultimate Footer Plugin - Custom global Divi footer (20 premade styles) + Revealing footer effect:Learn More
  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. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo