I need to add a div wrapper to items in filter area

Anonymous

#249078

Hello,

I need to add a div wrapper to <select> items in filters area, in order to further style by css.

Can you tell me where I can find the templates or files where the select fields live?

Thanks,
Florin

Trevor

#249117

To do that would likely break the plugin, as it relies on the existing structure. However, we do allow you to use Select2. see this post:

https://support.searchandfilter.com/forums/topic/configure-harvesthq-in-elementor-pro/#post-238775

Anonymous

#249139

Hi Trevor,

Thanks, this is exactly what I needed. Only issue that after applying Select2 in Settings, now there’s a delay on the frontend. Meaning, the filter dropdowns appear with a different styling for 1 second and then they change to my new styling.

What could it be?

Thanks,
Florin

Trevor

#249143

It will be the different stylesheets loading at different times. Whilst not a good idea when developing, any cache or optimization plugin is likely to have a ‘Combine CSS Stylesheets’ option. That would likely fix that.

Anonymous

#249150

Hi, Trevor,

I’ve turned off combine css, emptied the entire cache and deleted all the Chosen related css in search-filter-min.css

The issue still persists.

Florin

Trevor

#249154

Turned OFF the combine CSS? I was suggesting this should be ON?

Anonymous

#249162

It was on by default and the issue was happening, even with emptying cache for a few times.

The select2 styling is being applied some time after the page is loaded. This causes a switch in the appearance of the fields.

This is how initially is shown:

https://imgur.com/d3pL6Mj

And after 1 second:

https://imgur.com/GUWAknG

Florin

Trevor

#249189

Is the combine feature also combining JavaScript? I realized that the CSS only gets applied when the Search & Filter JavaScript loads, and by default that is loading in the footer (last).

Please note that we are now closed for the day as it is gone 5PM here in the UK. For any further replies, I will be back on again tomorrow.

Anonymous

#249199

Hi, Trevor,

Sorry for the back and forth. JS combine has been off for the whole time. Yup, the css is applied after page load.

Thanks and talk to you tomorrow. Enjoy your evening!

Florin

Trevor

#249217

Just checking in before I shut down my PC. What happens if JS combine is ON?

[Author]

Posts