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

    (@vinod-dalvi)

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

    Yes, we can achieve it using CSS.

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

    Best regards,

    Thread Starter hrithik951

    (@hitesh4317)

    Apologies for the delayed reply and thank you for helping me out

    https://fanmega dot com/?s=test

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    You can remove border and box-shadow of the text box displayed in the header by adding the below CSS code in the Custom CSS option of Ivory Search plugin settings on the path Ivory Search -> Settings -> Settings

    .g1-sticky-top-wrapper .g1-dropable .g1-drop-content,
    .g1-sticky-top-wrapper .is-search-form input.is-search-input {
        border: 0;
        box-shadow: none;
    }
    Thread Starter hrithik951

    (@hitesh4317)

    Thanks but I was talking about the form below that-
    https://prnt.sc/sls45m

    Appreciate the help ??

    Thread Starter hrithik951

    (@hitesh4317)

    I really can’t find the right CSS selector for the second search bar

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    To target that search form, please use the below custom CSS code.

    #content .is-form-id-9210 input.is-search-input {
        border-color: transparent !important;
    }
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘option to make the border transparent’ is closed to new replies.