• Resolved default-design

    (@default-design)


    Hi,

    The default form is a “white box” :\
    but another forms is a good black seach – magnifying glass- icon.
    How can change it? (CSS – custom css code)

    Best regards,

    John

Viewing 14 replies - 1 through 14 (of 14 total)
  • Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    I hope you are well today and thank you for your question.

    The default form is a “white box” :\

    Could you please share me your site URL where it’s displaying so that I can help you?

    but another forms is a good black seach – magnifying glass- icon.

    I am not sure which another form you are referring here so could you please describe it a bit more in detail?

    Best regards,

    Thread Starter default-design

    (@default-design)

    Hi,

    Thanks.
    “Maintenance Mode (is) Active” but I make a screenshot:
    1. Sliding style : isn’t that bad either, but could the search field be left next to the magnifying glass? :
    https://ibb.co/P4cBSrQ
    2. default style:
    https://ibb.co/GTK8p4C

    Theme: “travelify” (with some – CSS – modification)

    Best regards,

    John

    Thread Starter default-design

    (@default-design)

    2. default style:
    https://ibb.co/GTK8p4C
    I understand – it’s a text area / input field!

    OK, I try it on another site:
    https://profiinformatika.hu/

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    You can display it correctly by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings

    .is-menu  input.s.field {
        width: auto;
        margin-top: 5px;
    }
    Thread Starter default-design

    (@default-design)

    Great! Thanks!

    And how about a new sliding style ?? ?

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    Please enable sliding style on your site so that I can help you.

    Thread Starter default-design

    (@default-design)

    Thanks,

    I change it…
    Done!

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    You can display the search field next to the magnifying icon by using below custom CSS code.

    .is-menu.sliding form {
        max-width: 230px;
    }
    Thread Starter default-design

    (@default-design)

    Thanks!

    Fitting a little better?
    Left slightly and line up with menu items?

    .is-menu input.s.field {width: auto; margin-top: 0px;}
    & ?

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    It is displaying line up with menu items so could you please describe it a bit more in detail?

    You can move it to left by changing above shared CSS code as below.

    .is-menu.sliding form {
        max-width: 240px;
    }
    Thread Starter default-design

    (@default-design)

    Yes, that’s it! Perfect. Thanks!!!

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    You are most welcome, I’m glad I was able to help you in this matter. There is no obligation but by your kind words I wonder if I could trouble you to leave a review based on this experience here:

    https://www.ads-software.com/support/plugin/add-search-to-menu/reviews/

    I’d really appreciate that. ??

    And if I can be of any further assistance please don’t hesitate to ask.

    Thread Starter default-design

    (@default-design)

    OK, I did it ??

    Best regards,

    John

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    Thank you!

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘default form is a “white box” (but another forms is a good black seach – magnify’ is closed to new replies.