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,
Apologies for the delayed reply and thank you for helping me out
https://fanmega dot com/?s=test
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;
}
Thanks but I was talking about the form below that-
https://prnt.sc/sls45m
Appreciate the help 🙂
I really can’t find the right CSS selector for the second search bar
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;
}
