[Resolved] Add margin between custom search box and results grid

[Author]

Posts

[garethW-2]

I have created a custom search box along with a results grid on this page: hidden link

How am I able to create a margin between the search box and the results grid?

Thanks
Gareth

[Nigel]

Hi Gareth

Inspecting the page source I note that the filter controls form as a class "wpv-filter-form", so you can just add a little CSS to the page, e.g.

.wpv-filter-form {
  margin-bottom: 2rem;
}

It looks like you are using Elementor; if I recall correctly I think it is fairly simple to add CSS rules to any page you are editing with Elementor.

[garethW-2]

Ah yes perfect, I added it to the custom css box within elementor.
Thanks for your quick reply!