Force checkbox to bottom align with label?

Also, is there a way to reduce the spacing between the line of the list of attributes?

Thanks.

Hello @lychee128,

Our plugin uses styles that you have on the page from your theme or any other.
By default filter displayed like this https://imgur.com/a/aXufmwa.
You can use custom CSS to change how it looks.
What exactly you need to change for heading?

Regards,
Oleg

Hi,

Thanks for your reply. In your snapshot above, I would like the label “COLOR” (that in bold) about to be a smaller font, and for the space between the items in the list (eg, amber, amethyst) to be closer together.

What is the CSS code that I should use to style these elements?

Thanks.

Hello @lychee128,

For header you can try to use this code

.bapf_sfilter .bapf_head h3 {
    font-size: 18px;
    font-weight: 100;
}

For list items you can try this code

.bapf_sfilter ul li {
    line-height: 14px;
}

Regards,
Oleg

Thanks!

I couldn’t get the checkbox to align (and can’t figure out how my theme’s css affects this) but I ended changing the setting on your plug-in to “use WooCommerce fonts”

This converted the checkboxes to circles but now they are bottom-aligned with the labels.

Thanks again.

Hello @lychee128,

Unfortunately cannot help you without page URL. All issue is depend on theme styles and can be checked on your site via developer console in browser.

Regards,
Oleg

Hi,

No problem and I understand. When I get my site up, I’ll send you the link. But for now, I’m ok.

Thanks again!