Horizontal Styling of lists

Anonymous

#246680

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?

Trevor

#246753

Where did you place this custom CSS, as the site delivered to me does not contain it?

I can see that our plugin CSS file (which you should not edit) is being delivered by, I think, the SG Optimizer plugin. So try deactivating that?

Anonymous

#246769

This reply has been marked as private.

Trevor

#247096

This reply has been marked as private.

[Author]

Posts