Hi Tyrhone,

Here is the CSS you can use in order to remove just that one from the top :

#wdt-filter-widget > button {
    display: none !important;
}

I presume you know how to implement this CSS to the Page, but just in case if you require any assistance how to do that, here are some useful details :

Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways. 

If you need help with adding custom CSS to the page, please take a look at this article.

2. In regards to styling the bottom one "clear filters", you can use these selectors.

If you wish to style the DIV container which holds the button, use :

#wdt-clear-filters-button-block {
    background : red !important;
}

if you want to 'target' just the button itself, use :

#wdt-clear-filters-button-block > button {
    background-color: blue;
    color: white !important;
}

In order to remove the icon inside that button :

button.wdt-clear-filters-button:before {

display : none !important;
}

When it comes to spacing, I am not sure what you mean by that exactly;

but you can use both these selectors, one for the HTML DIV which is the container holding the button;

and/or the button selector itself, so you can add any styles to them as you wish.

Our Support does not cover customizations/custom work, but we can advise for basic modifications like that to get you started.

I hope that helps.

Hi Tyrhone,

You're welcome, I am happy this helped.

If anything new comes up that we can help with, please don't hesitate to open new tickets.

Thanks.