[Resolved] Labels appear below checkbox

[Author]

Posts

[central-windowS]

I added 4 columns to my search page. Three columns include checkboxes and their labels. The problem is the labels appear just under the checkboxes, almost overlapping (see attached image). I want the labels next to the checkboxes. Also the radio button (on the left) is too close to the label.

I have inspected the element in Chrome and tried different CSS and nothing seems to work. I also tried placing <span> in different areas of the search filter code.

I am using Elementor and the OceanWP theme.

The filter was added using the standard "New filter" button on Search and Pagination. I did search on here first for possible results. I do not find references to field labels under the checkboxes.

Thank you for your help.

[Minesh]

Hello. Thank you for contacting the Toolset support.

It seems you need to add some custom CSS to adjust the checkboxes lable but I will require problem URL where I can see the issue.

Can you please send me problem URL and access details.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[central-windowS]

Hello thank you for checking this. The URL is below. I have not made a backup yet but am in the process of it now. It is a demo/build site so there is not much on it yet.

hidden link

As soon as my backup is complete, I will forward your login information if that is still needed. Thank you again.

[Minesh]

Can you please edit your view and within the "CSS Editor" section try to add the following CSS:

.form-check input[type="checkbox"] {
margin:0px !important;
}
.form-check .form-check-label {
text-indent: 22px;
}

- You can adjust the text-indent value as per your requirement.