Ajax Search Pro display problem

[tapavakos]

Hello. I create a new search in this page https://freezepro.gr/%ce%b3%ce%b9%ce%b1-%cf%84%ce%b5%cf%87%ce%bd%ce%b9%ce%ba%ce%bf%cf%8d%cf%82/ . the search display is not correct. what is my mistake? Thank you

[Ernest Marcinko]

Hi,

The issue is, that in the site header there are very strong specificity CSS rules, which reset almost all colors to transparent within the content: https://i.imgur.com/f3fegYA.png

If you are using CSS minification or a pagespeed plugin, make sure to set the CSS minification to files, and not inline. Using inline styles will usually cause a lot of conflicts.

[tapavakos]

You cannot access this content.

[Ernest Marcinko]

You cannot access this content.

[tapavakos]

You cannot access this content.

[Ernest Marcinko]

You cannot access this content.

[tapavakos]

You cannot access this content.

[Ernest Marcinko]

You cannot access this content.

[tapavakos]

You cannot access this content.

[Ernest Marcinko]

I have waited a bit, but still get the same error: https://i.imgur.com/BSihaS7.png

[tapavakos]

You cannot access this content.

[Ernest Marcinko]

Thanks, I was able to reset a login that way.

So, the issue is the Divi critical CSS feature, it overrides most of the plugin CSS. I was able to add a code snippet to “fix” that:

add_filter('asp/assets/css/prefix', function($prefix, $id){
	return $id == 8 ? '#et-boc ' : '';
}, 10, 2);

You can find it in the code snippets plugin. This however means, that the search ID=8 will only be rendered correctly on that page.

[tapavakos]

You cannot access this content.

[Ernest Marcinko]

You cannot access this content.

[Author]

Posts