He misaligned controls on the right can not be reached with mouseclick
Hello @digiblogger
The screenshot included in your ticket is showing a conflict with the styles of your website. The checkboxes and icons have moved down.
Please, create a ticket in my private website for checking the issue in detail:
https://cff.dwbooster.com/contact-us
Best regards.
I think i found it.
This CSS breaks the controls layout:
input[type="radio"], input[type="checkbox"] {
margin: -5px 4px 0;
}
it applies to class choice_optgroup. Reducing the margin to 0px does the trick.
But I have no ides how to add css that is only applied to backend.
The code comes from: assets/css/admin/admin-style.css and is part of my theme.
But to be honest.. I have no idea how to fix admin styles
Hello @digiblogger
A possible solution would be insert the following style definition:
input[type="radio"], input[type="checkbox"] {margin: 0 !important;}
Into the content of “/wp-content/plugins/calculated-fields-form/css/style.css” file, and then, clear the browser’s cache after edit the online file.
Best regards.
Thanks, great solution.
But I want the css to survive updates, so i decided to add a little function to the functions.php via plugin.
add_action('admin_head', 'my_custom_css');
function my_custom_css() {
echo '<style>
.cff_form_builder input[type="radio"], .cff_form_builder input[type="checkbox"]{
margin: 0px 0px 0 !important;
}
.cff_form_builder .choice-ctrls {
margin-top: 10px!important;
}
</style>';
}
🙂 works great
Hello @digiblogger
Thank you very much for sharing your solution.
Best regards.
