Change width of layout

[Danielz MaddzParticipant]

Hello

Fantastic plugin.

When we enter text into a search box , it loads for a second and a little window appears with populated items below the search box.

It always seem to have same width of search box

I have four search boxes in one row in four columns

How do we change the width of the little window/div ?

I cannot find it in settings ?

Image attached below to view issue

Thanks

Attachments:

You must be logged in to view attached files.

[Ernest MarcinkoKeymaster]

Hi,

Thank you very much for your kind words, it’s greatly appreciated!

There is actually no option for that, the width of the results is always adjusted to the search box in hovering mode, but can be easily changed with a small custom CSS snippet. For example, if you want to change it to 500 pixels wide:

div[id*=ajaxsearchprores] {
    min-width: 500px !important;
}

This should do the trick.

Addition: The layout will be snapped to the left hand side of the search box. So, in case you want to move it more to the left from right, you might also want to add some negative margin as well, for example:

div[id*=ajaxsearchprores] {
    margin-left: -100px !important;
}

This might not be needed depending on your situation, and the 100px value is just representative, you might have to experiment with that a little.

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

[Danielz MaddzParticipant]

Thanks

[Author]

Posts