Change width of layout

This topic contains 2 replies, has 2 voices, and was last updated by Danielz Maddz Danielz Maddz 5 years ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #13160
    Danielz Maddz
    Danielz Maddz
    Participant

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

    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 :)


    #13822
    Danielz Maddz
    Danielz Maddz
    Participant

    Thanks

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

You must be logged in to reply to this topic.