1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Unable to Tick Checkboxes on Contact Form

Discussion in 'Free Divi Community Forum' started by Jess S, Aug 2, 2018.

  1. Jess S

    Jess S New Member

    The Contact Form on my website's front-end includes the standard Name, Email Address and Message fields. However, I have included Checkboxes in which the user can select one or more options from a list of four. While users can fill out the form and submit it, clicking on the checkboxes seemingly does nothing.

    Anyone else experiencing this issue and/or could shed some light on something I may be doing wrong, or is it perhaps an issue on Divi's end? All plugins and themes are up to date.

    Thanks in advance!
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    Any link? You should be able to tick the checkbox.
     
  3. Jess S

    Jess S New Member

    The URL is: https://www.jessolutionmarketing.com.au/

    I have a feeling it has to do with the colour of the ticks being the same as the white background colour, but I'm not sure how to change this. Am assuming it has to do with editing the CSS.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

  5. Jess S

    Jess S New Member

    Thank you, I tried using this but it didn't seem to work. I also removed the number at the end of _contact_field, so that it applied to all my contact forms across the site, as there are multiple.

    It's strange. I have gone into the Divi module settings through the Visual Builder and selected the 'Subject' Field to change its specific settings. When I do this, I am able to change the colour of the background and/or field text colour to ensure the colours aren't the same. However, regardless of this, the 'check' shows up when I am selecting the boxes through the module settings popup, but not on the actual website itself.
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    To make the checkbox background black color, try to add this CSS in Divi -> Theme Options -> Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
  7. Divi.Help

    Divi.Help Administrator
    Staff Member

    Alternatively, I tried to go to the checkbox field settings & change the field background color to black & it works on both visual builder & live site.

    upload_2018-8-3_11-35-38.png
     
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  8. Jess S

    Jess S New Member

    Thank you for your help.

    Yes, I can change the background colour of the checkboxes through the Divi Module Settings with no problem as you just showed in that picture. And then if I change the text colour to white, the checks do show up, but only through the Module Settings popup (refer to image from my previous response). If I try to check the boxes on the front-end of the site, it still doesn't show the selections.
     
  9. Divi.Help

    Divi.Help Administrator
    Staff Member

    If the settings doesn't work for you, then try to use the CSS that I mentioned previously:
     
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  10. Jess S

    Jess S New Member

    I have tried the CSS and unfortunately, it hasn't worked. I tried changing the background colour of the checkboxes to a light grey and saved the changes, with the field text colour still as white. Once I exited the visual builder completely and accessed my site from the front-end, the checks ended up working. I'll still try and see if I can change the colour of the ticks, but if not - this will be the alternative.

    Thanks for your time.
     
  11. Kris

    Kris New Member

    Had same problem: White tick mark on white check box = invisible check.
    Solved by inserting this CSS to force color tick mark in theme options : Custom CSS :

    /* force tick mark color in check box */
    .et_pb_contact_field input[type=checkbox]:checked+label i:before {
    color: #2ea3f2!important;
    }

    This will apply globally to all checkboxes on your site.
    #2ea3f2 is the color hex code - in this case the default blue. Could be any color.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo