styling

you can do that with CSS, I’m assuming you don’t know about it that much
If you’ll share your site I could tell you what and where to write to style it

Hi Oritzio,

Thank you very much for your reply. You are right, I am not really experienced with CSS.

My website is: https://www.randomrecept.nl, and the search&filter is on this page: https://www.randomrecept.nl/alle-recepten/

Looking forward for your reply ??

Do you have access for your style.css file?
you’ll need to edit this file and write your design customization that you want
based on your explanation I wrote this code:

.sf-filter {
    margin: 20px 0;
    background: #f6f6f6;
    padding: 20px;
}

.sf-filter legend {
    font-size: 16px; /* Change the font size of the label above the dropdown */
    margin-bottom: 5px;
}

.sf-filter select {
    font-size: 20px; /* Change the font size of the dropdown */
    height: auto !important;
    padding: 4px;
    margin-bottom: 20px;
}

So you’ll need to put that code somewhere in your style.css
and save it after you done

Thank you very much. I will do this right away.

Do I need to access the style.css file of my template or the style.css file of the plugin?

I accessed the style.css file of the plugin, and it worked like a charm! Thanks a lot Oritzio!

You’re welcome

note: It’s not recommended to make the changes on your plugin files because if you’re going to upgrade the plugin it will overwrite your code that you wrote, It’s better you put it in your theme/style.css file and even better to create a new customized CSS file so the code will remain even if you upgrade your theme, but I assume you’re not familiar with how to create customize CSS file so at least just put in your theme/style.css

Sure, will do that. Thanks a lot! ??