Home › Forums › Product Support Forums › Ajax Search Pro for WordPress Support › Full width of filter and result shortcode
- This topic has 8 replies, 2 voices, and was last updated 5 years, 8 months ago by
Ernest Marcinko.
-
AuthorPosts
-
September 16, 2020 at 1:54 pm #29399
support12372
ParticipantHi!
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.
September 17, 2020 at 3:13 pm #29420Ernest Marcinko
KeymasterHi,
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; }September 18, 2020 at 11:22 am #29432support12372
ParticipantHi!
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.
September 23, 2020 at 8:47 am #29497support12372
ParticipantHi
Any updates on the previously attached file and problem?Thank you.
September 23, 2020 at 8:52 am #29498Ernest Marcinko
KeymasterOh, 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!September 25, 2020 at 12:56 pm #29546support12372
ParticipantHi!
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.
September 25, 2020 at 2:13 pm #29548Ernest Marcinko
KeymasterFor 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.
September 25, 2020 at 3:07 pm #29549support12372
ParticipantHi!
Thanks that works fine now.
Great plugin.Kind Regards
September 25, 2020 at 3:28 pm #29550Ernest Marcinko
KeymasterYou cannot access this content.
-
AuthorPosts
- You must be logged in to reply to this topic.