• Resolved stefansic

    (@stefansic)


    Thank you for this great plugin.
    I wish there were more design options out of the box instead of css coding.

    I want to look it like this:
    https://das-goldene-tor.de/dropbox/wish.jpg
    Search icon left
    Round corners (already managed myself)
    Result window centered
    Width 100% should be 350px
    Result images not cut top and bottom

    Thank you
    Stefan

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

    (@vinod-dalvi)

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

    Currently, the Ivory Search plugin does not provide these design options but I will consider implementing it in the future version of the plugin.

    You can achieve this by developing CSS code.

    Best regards,

    Thread Starter stefansic

    (@stefansic)

    Thank you for the answer.
    If i buy the pro version, could you realize my wishes with css for me?
    best
    Stefan

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    Could you please share the page URL from your site where it is displaying so that I can help you to achieve it?

    Thread Starter stefansic

    (@stefansic)

    Thank you, i created a test site for this:
    https://das-goldene-tor.de/shoptest/

    Best
    Stefan

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    You can achieve some of your requirements by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Admin Area -> Ivory Search -> Settings -> Settings

    #page-header button.is-search-submit {
        position: absolute;
        left: 0;
        top: 0;
        background: transparent;
        border: 0;
    }
    
    #page-header button.is-search-submit span.is-search-icon {
        background: transparent;
        border: 0;
    }
    
    #page-header input.is-search-input {
        border-right: 1px solid #81d742 !important;
        padding-left: 30px;
    }
    Thread Starter stefansic

    (@stefansic)

    Thank you very much, so far it looks good.
    https://das-goldene-tor.de/shoptest/

    What is left now are:
    The input field should be wider, it is too small.

    The Images in the result list are cut on top and bottom

    Best

    Stefan

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    Please also use the below CSS code.

    #page-header input.is-search-input {
        width: 260px;
    }
    
    div#is-ajax-search-result-13209 {
        margin-left: -115px;
    }
    
    #page-header .is-form-style.is-form-style-3 label {
        width: 100% !important;
    }

    You can change image size using the below code so that it won’t cut.

    https://wordpress.org/support/topic/resizing-ajax-images/#post-14630025

    Thread Starter stefansic

    (@stefansic)

    Looks better and better, thank you.
    https://das-goldene-tor.de/shoptest/

    Now the field is static.
    Is it possible that the field is going smaller if with the use make the window smaller?

    best

    Stefan

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    Please also use the below CSS code.

    #page-header input.is-search-input {
        max-width: 100%;
    }
    Thread Starter stefansic

    (@stefansic)

    Thank you

    it is still NOT responsive, it’s always 300px width

    Best
    Stefan

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    Please try using the below CSS code.

    #page-header form input.is-search-input {
        width: 130%;
        max-width: none;
    }
Viewing 11 replies - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.