Skip Navigation

[Resolved] Colour in Ajax filter

This thread is resolved. Here is a description of the problem and solution.

Problem:

Whenever I change any filter checkbox option, the entire Search and Loop section becomes coloured for 4-5 seconds, and then the results appear.

May I know how to prevent the section from becoming coloured for those 4-5 seconds?

Solution:

You can try below CSS codes:

https://toolset.com/forums/topic/colour-in-ajax-filter/#post-2150319

Relevant Documentation:

This support ticket is created 3 years, 3 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 3 replies, has 2 voices.

Last updated by rajivG 3 years, 3 months ago.

Assisted by: Luo Yang.

Author
Posts
#2149675

Hi,

I have a query, please.

I have a Search and Loop, and I have "AJAX refresh when changing any filter."

Whenever I change any filter checkbox option, the entire Search and Loop section becomes coloured for 4-5 seconds, and then the results appear.

May I know how to prevent the section from becoming coloured for those 4-5 seconds?

Thank you.

Rajiv

#2150209

Hello,

It should be a CSS issue, Views won't output any color setting by default, please provide a test site with the same problem, also point out the problem page URL and view URL, I need to test it in a live website, thanks

#2150319

Thanks for the details.

I have done below modifications in your website:
Edit the page
hidden link
find and select View block, in section "Custom Search", add below CSS codes:

div.wpv-custom-search-loading-overlay{
background-color: transparent !important;
}

Please test again, check if it is what you want.

More help:
hidden link

#2150363

My issue is resolved now. Thank you, Luo, for helping out.