Checkboxes Overlapping Text / Not Clickable
Jacob Vicars
Hello, I'm having an issue with checkboxes overlapping the text on our template. [http://2022update.awaken.church/index.php/bethechurch/familydedication]
Rashida Rahman
Accepted AnswerHi,
You can use this also:
.form-builder-checkbox-item label::after, .sppb-addon-form-builder .sppb-form-check-label::after {
left: -27px;
}
label.form-builder-checkbox-label{
transform: translateY(0px);
}Best Regards
Rashida Rahman
Accepted AnswerHi there!
Sorry for your issue.
Please use the following code in your custom CSS:
#sppb-addon-1671686649318 .form-builder-checkbox-item label::before {
margin-left: -20px;
}
.form-builder-checkbox-content label {
margin-left: 50px;
}Hope this will give you better view there!
Note: Path towards custom CSS(Joomla 4): System>Site Templates Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Best Regards
Jacob Vicars
Accepted AnswerThank you! that did help with the formatting, however, i'm still having issues with checking the boxes... for some reason the first three won't check at all, and the others now fill instead of showing a checkmark. (I also changed the sizing a little bit)
#sppb-addon-1671686649318 .form-builder-checkbox-item label::before { margin-left: -30px; } .form-builder-checkbox-content label { margin-left: 70px; }