- This topic has 9 replies, 3 voices, and was last updated 6 years, 6 months ago by
.
Hi,
I want to add a checkbox to my contact form. The problem is, that the label is not displayed in the frontend. In CSS is this <label> on display:none, but I can’t override this with custom code…
Best regards,
Hannes
Hi Hannes,
Sorry to hear of the problem you are having.
Could you please share me the page URL from your site where it is not displaying correctly so that i can troubleshoot it?
Best regards,
Shufflehound teamHi,
here is the URL.
Thank you!
You can display it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.wrap-forms .custom-checkbox label { display: inline-block !important; }Hi, thank you a lot, it works! But why the checkbox is jumping when I click it (in Safari Browser)? That looks not nice…
Please try changing above shared CSS code to the following.
.wrap-forms .custom-checkbox label { display: inline !important; vertical-align: middle; }Hi,
I tried the new code, but it is still jumping in safari…
Please make sure you are using latest version of Safari browser and does this happen for you on any other browser?
I have the same issue. Now the text for the checkbox is displayed below the checkbox: https://www.heartmadeinternational.com/
@cvol Please try using below CSS code on your site.
.contact-form .wrap-forms .fw-row:last-child .fw-col-xs-12.fw-col-sm-6.form-builder-item { width: 100%; }
