I know this question has been asked many times before. I’ve tried to implement the solutions I’ve found and have been unable to get it to work. I’m using a child theme of Astra with WP Bakery. Everything is at the latest version.
On NovaScotiaFood.com I have a search form here. I want it to be horizontal.
I can get it to work in Inspector simply by going to the first li element and changing display to inline-block. But it doesn’t work when I input the CSS via Customizer. I have also tried adding it to my stylesheet via FTP. I am using Siteground Optimizer caching and Cloudflare. The SG cache has been cleared repeatedly and Cloudflare has been put in development mode. I have tried a hard refresh of the browser numerous times too (I’m in Chrome).
I’ve tried the following bits of CSS:
#search-filter-form-2018 > ul > li {
list-style: none!important;
display: inline-block!important;
padding: 0 20px;
}
.searchandfilter[data-sf-form-id="2018"] {
list-style: none!important;
display: inline-block!important;
padding: 0 20px;
}
.searchfilter ul li {
list-style: none!important;
display: inline-block!important;
padding: 0 20px;
}
None of these are working. Can you please help?