Forminator Forms Checkbox does not work with Betheme

Forminator Forms Checkbox does not work with Betheme. If I roll back to other themes or the default theme, everything works nicely.

  • Konstantinos Xenos
    • Rubber Duck Debugger

    Hi Daniel Herstedt ,

    The issue comes from a certain .css file that BeTheme has and to be more specific the “shortcodes.css”. At line 289 it has this style input[type=”checkbox”] ~ label:before{content:” “} that essentially removes all content from the checkboxes.

    Now since this is a core theme file that will be overwritten when you make an update I copied that file into your child theme instead and commented out that line only.

    I’ve added this code into your child theme’s functions.php

    // Dequeue shortcodes.css and add the modified one from the child-theme
    add_action(
    'wp_print_styles',
    function() {
    wp_dequeue_style( 'mfn-shortcodes' );
    },
    100
    );
    add_action(
    'wp_enqueue_scripts',
    function() {
    wp_enqueue_style( 'mfn-shortcodes-child', get_stylesheet_directory_uri() . '/shortcodes.css', false, MFN_THEME_VERSION );
    }
    );

    What it does is that it dequeues the original file from the parent theme and then enqueues the modified one from the child so all other css needed from the theme can continue to work properly.

    Tell me if you need any further help with this!

    Regards,

    Konstantinos

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.