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 Ernest Marcinko Ernest Marcinko 1 year, 10 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #29399
    support12372
    support12372
    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
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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
    support12372
    support12372
    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
    support12372
    support12372
    Participant

    Hi
    Any updates on the previously attached file and problem?

    Thank you.

    #29498
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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
    support12372
    support12372
    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
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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
    support12372
    support12372
    Participant

    Hi!

    Thanks that works fine now.
    Great plugin.

    Kind Regards

    #29550
    Ernest Marcinko
    Ernest Marcinko
    Keymaster
    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.