Checkbox Issue

I am looking for help with some quick CSS to fix some checkbox issues I am having on my page http://yarmoloygroup.ca/mls-search/. There are checkboxes that are overlapping text about midway down. The plugin creator (ihomesfinder) said that the issue is likely theme related, but I do not want to switch themes because I love Sydney.

Hello NYarmoloy,

This issue is caused by margin-left: 0; part of this CSS rule:

#ihf-main-container .form-inline .checkbox input[type="checkbox"],
#ihf-main-container .form-inline .radio input[type="radio"] {
    float: none;
    margin-left: 0;
}

This rule doesn’t come from Sydney theme (you can temporarily activate another theme and check if the issue persists). Please try to use the following CSS code in order to fix it.

You can add CSS code in DashboardAppearanceCustomizeAdditional CSS (WordPress 4.7 and up). Also you can add CSS code directly to style.css file of your child theme.

#primary #ihf-main-container .form-inline .checkbox input[type="checkbox"] {
    margin-left: -20px;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

That worked beautifully. Thank you very much for your quick and perfect solution! Your help is greatly appreciated.

You are welcome NYarmoloy! :slight_smile:

Kind Regards, Roman.