Viewing 12 replies - 1 through 12 (of 12 total)
  • Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hey Hanna,

    I’m sorry to know the last ticket was closed before it was resolved. Can you please a link to it so I can see what details were exchanged with you?

    Secondly, I tested your website. The additional checkbox is added to your website by your theme/or some shortcode plugin. To overwrite it, you would need to add below code at end of your theme’s CSS file or child theme,

    .mc4wp-form input[type="radio"] + span:before,
    .mc4wp-form  input[type="checkbox"] + span:before {
        display: none !important;
    }

    Do let me know if it hides the checkbox.

    Thread Starter HannaWP

    (@hannawp)

    Thanks Harish. Did you try the code? I tried it by pasting it in the Custom CSS field but it doesn’t work. I’m going nuts with this theme…

    Here is the link of the former conversation: https://wordpress.org/support/topic/form-works-but-what-about-that-upper-green-checkfield?replies=4#post-7856413

    And here is the CSS code for that green box I’m still getting:

    media=”all”
    input[type=”radio”]:checked + span:before, input[type=”checkbox”]:checked + span:before {
    background: #00c3b6;
    border: none;
    }

    Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hello Hanna,

    I see that my colleague shared exact same code. Let’s just get this fixed asap. I checked your theme css but did not find the code I shared with you. Can you please point me to the URL of your CSS file where you have added the code?

    Thread Starter HannaWP

    (@hannawp)

    I pasted it now through the editor in the style.css as well as through the themes custom css. Is it possible that something blocks the code from getting through?

    Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hey Hanna,

    Now I see the code. Please check http://globalsummerschool.org/neu/wordpress/reminder/, the green checkbox is now hidden.

    Thread Starter HannaWP

    (@hannawp)

    The green is gone, yes, but the checkbox is still slightly visible and clickable on my screen. Is it totally gone on your screen?

    Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hello Hanna,

    I see that now. Sorry I missed it. Please add this code instead:

    .mc4wp-form input[type="radio"] + span:before,
    .mc4wp-form input[type="checkbox"] + span:before,
    .mc4wp-form input[type="radio"] + span:after,
    .mc4wp-form input[type="checkbox"] + span:after {
       display: none !important;
    }

    This will take care of both the green checkbox and the tick mark.

    Thread Starter HannaWP

    (@hannawp)

    Sorry, but now the green checkbox is back again…

    Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hello Hanna,

    I’d need to test some CSS code and would need some details to make this faster. Can you please email me at “support @ mc4wp.com” and we can discuss there?

    Thread Starter HannaWP

    (@hannawp)

    I just sent you an email 🙂

    Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hey Hanna,

    I’m marking this issue as resolved since we have fixed the same through our support system.

    Thread Starter HannaWP

    (@hannawp)

    Yes, and thank you again for your great support!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Weird green checkbox when using MC4WP form’ is closed to new replies.