Full width of filter and result shortcode

[support12372]

Hi!

I have an issue with the display of the filter checkboxes and search results.
I use Oxygen page builder and I have disabled the search bar nad only show filters plus results but they are not displaying in full container width.
I tried wrapping into a DIV, container and adjusting the width to full width but still no change.
Is there a setting within the plugin that I missed?
I want to display in full container width.

Thank you.

[Ernest Marcinko]

Hi,

The search settings container is set to 100% width by default, but the items in there are centered with minimal spacing. This is very hard to tell without actually seeing the implementation, but I recommend trying this custom CSS first:

form.asp-fss-flex {
    justify-content: space-between !important;
}

[support12372]

Hi!

Unfortunately, the custom CSS did not work for me. It still does not display in full width.
I want to have the filter tick boxes in full width so they stay in one line before they start a 2nd row and the search results as well.

Any ideas on how to achieve this?

Thank you.

[support12372]

Hi
Any updates on the previously attached file and problem?

Thank you.

[Ernest Marcinko]

Oh, I’m very sorry, I must have missed your answer by accident.

Can I take a look at this somewhere? The two shortcodes should expand to the full width of the container there.
Also, may I ask what shortcode(s) are you using there? Thank you!

[support12372]

Hi!

No problem.
I have tried to reorder the layout so that the tick boxes and filters are on the top and the results are on the bottom but then it does not show it to me in full width.

When I change it to the wordpress widget with search pro and keep the original order it expands to full width.
Is there a way to add a shortcode so the results show on the bottom? I do not need a search bar. I just require the filters and tick boxes and the results.

Thank you for your help.

[Ernest Marcinko]

For that, first turn off the search via this option: https://i.imgur.com/aHj0ncY.png

Then use these shortcodes:

[wpdreams_ajaxsearchpro id=1]

[wpdreams_ajaxsearchpro_results id=1 element='div']

That should give you exactly that layout.

[support12372]

Hi!

Thanks that works fine now.
Great plugin.

Kind Regards

[Ernest Marcinko]

You cannot access this content.

[Author]

Posts