Support » Theme: OceanWP » Elementor & Oceanwp – Form Checkbox Not Displaying

  • Resolved healywebdesign



    OceanWp CSS is overriding settings in Elementor when using the elementor Form > Checkbox

    When you insert a Form from Elementor and use the ‘Checkbox’ field, instead of displaying ‘Boxes’ for your choice (selection), it will display as a single line instead.

    thought you guys might want to have a look into this and apply a fix on next update. Screenshot attached.

    Kind regards

Viewing 4 replies - 16 through 19 (of 19 total)
  • When they going to fix this bug?
    the code is -webkit-appearance: none instead of -webkit-appearance: checkbox



    Thank you @apprimit . Ocenwp should work on this bug. This is 1 year old issue and yet not fixed



    The checkboxes are not displaying for me either. I am running lifterlms and there should be a checkbox on login for the user to agree to the privacy policy but it is only a vertical line.

    Where can the Code fix be entered on the free version of Elementor or alternatively, what is the code to enter in the functions.php of the oceanswp child theme ?

    In Elementor (free version) Appearance > Customize > Custom CSS is not working for me because I am using the free version of Elementor and not Elementor Pro.

    The “You are Customizing websitename” Menu only has a Widget option and that option displays a message “Your theme has 11 widget areas, but this particular page doesn’t display them.
    You can navigate to other pages on your site while using the Customizer to view and edit the widgets displayed on those pages.”

    • This reply was modified 2 years, 12 months ago by William.


    Here is the page source which displays a vertical line instead of a checkbox: (with id=”llms_agree_to_terms” type=”checkbox” )

    <div class="llms-form-fields">
    							<div class="llms-form-field type-hidden llms-cols-12 llms-cols-last"><input class="llms-field-input" id="user_login" placeholder="" type="hidden" name="user_login" required="required"></div><div class="clear"></div>							<div class="llms-form-field type-email llms-cols-6"><label for="email_address">Email Address <span class="llms-required">*</span></label><input class="llms-field-input" id="email_address" placeholder="" type="email" name="email_address" required="required"></div>							<div class="llms-form-field type-email llms-cols-6 llms-cols-last"><label for="email_address_confirm">Confirm Email Address <span class="llms-required">*</span></label><input class="llms-field-input" id="email_address_confirm" placeholder="" type="email" name="email_address_confirm" required="required"></div><div class="clear"></div>							<div class="llms-form-field type-password llms-cols-6"><label for="password">Password <span class="llms-required">*</span></label><input class="llms-field-input llms-password" id="password" placeholder="" type="password" name="password" required="required"></div>							<div class="llms-form-field type-password llms-cols-6 llms-cols-last"><label for="password_confirm">Confirm Password <span class="llms-required">*</span></label><input class="llms-field-input llms-password-confirm" id="password_confirm" placeholder="" type="password" name="password_confirm" required="required"></div><div class="clear"></div>							<div class="llms-form-field type-text llms-cols-6"><label for="first_name">First Name <span class="llms-required">*</span></label><input class="llms-field-input" id="first_name" placeholder="" type="text" name="first_name" required="required"></div>							<div class="llms-form-field type-text llms-cols-6 llms-cols-last"><label for="last_name">Last Name <span class="llms-required">*</span></label><input class="llms-field-input" id="last_name" placeholder="" type="text" name="last_name" required="required"></div><div class="clear"></div>							<div class="llms-form-field type-text llms-cols-12 llms-cols-last"><label for="llms_voucher"><a class="llms-voucher-toggle" id="llms-voucher-toggle" href="#">Have a voucher?</a></label><input class="llms-field-input" id="llms_voucher" placeholder="Voucher Code" type="text" name="llms_voucher" style="display: none;"></div><div class="clear"></div>			
    			<div class="llms-form-field type-html llms-cols-12 llms-cols-last"><label for="">Your personal data will be used to process your enrollment, support your experience on this website, and for other purposes described in our <a href="" target="_blank">Privacy Policy</a>.</label><div class="llms-field-html" id=""></div></div><div class="clear"></div><div class="llms-form-field type-checkbox llms-cols-12 llms-cols-last"><input class="llms-field-input" id="llms_agree_to_terms" type="checkbox" name="llms_agree_to_terms" required="required" value="yes"><label for="llms_agree_to_terms">I have read and agree to the <a href="" target="_blank">Privacy Policy</a>. <span class="llms-required">*</span></label></div><div class="clear"></div>
    		<footer class="llms-form-fields">
    • This reply was modified 2 years, 12 months ago by William.
Viewing 4 replies - 16 through 19 (of 19 total)
  • The topic ‘Elementor & Oceanwp – Form Checkbox Not Displaying’ is closed to new replies.