Search Buttons CSS

Hey Dholu,

If you have a place to add this to your theme for “Additional/Custom CSS”, these styles should get you close to the style of your menu items, you can adjust this as needed (ChatGPT might be able to help if you give it your site as well:

#my-reads-filter .genre-buttons button
 {
    background-color: #98824d;
    color: white;
    border: 1px solid transparent;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.06);
    padding: 8px 12px;
    border-radius: 10px;
    line-height: 22px;
}

I’ve tried to keep the styles and CSS in the plugin to a bare minimum, and they should be easily overridden, especially in Block themes, it’s meant to use the new block styles and Typography.

But! That should get you close for the buttons. I wasn’t able to find a search box on your site to check the styles but you’d be able to target it like so:

#my-reads-filter input {
    // Custom CSS here
}

Hope that helps!

Nate

Great! Glad that works… Do you have an example of a search somewhere else on your site to match the styles to?