Full width of filter and result shortcode

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Full width of filter and result shortcode

This topic contains 8 replies, has 2 voices, and was last updated by

 
Keymaster
1 year, 4 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #29399

    Participant

    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.

    #29420

    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;
    }
    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #29432

    Participant

    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.

    Attachments:
    You must be logged in to view attached files.
    #29497

    Participant

    Hi
    Any updates on the previously attached file and problem?

    Thank you.

    #29498

    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!

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #29546

    Participant

    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.

    #29548

    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.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #29549

    Participant

    Hi!

    Thanks that works fine now.
    Great plugin.

    Kind Regards

    #29550
    You cannot access this content. Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.