How Can i remove this search body on css without removing the other search body? supply theme

Technical Q&A
1

searchbody.jpg
searchbody.jpg1904Ă—777 215 KB

searchbody2.jpg
searchbody2.jpg1891Ă—740 237 KB

This is my code on search body and i put in slideshow.liquid

What Are You Looking For?

Search
2

It’s is not clear what you want to remove. The screenshots: 1 says “remove this” and the other says “don’t not remove this” but they look to be the same thing.

3

@ScreenStaring yes sir its a same. it is possible to remove the other one? i try to code this in css

.search_body{
display:none ! important;

}
and the other search body are gone,
there’s another way to remove it without removing the other search body? btw thanks for reply sir.
this is my website sir https://shop-banawe.myshopify.com/

4

I cannot see your site. It’s password protected but from the screenshot it looks like it’s the Supply theme. Is that correct?

If so you can likely just add another CSS class to what you have. For example, if you want to hide it on the collection page:

.template-collection .search_body{
  display: none !important;
}

Or if it’s a Page, e.g., “about us”, blog post, etc… you can try:

.template-page .search_body{
  display: none !important;
}

Again, this assumes it’s the Supply theme.

If it’s not you can always find the correct CSS selector yourself and then replace it with what you have now. See this for more info.

5

I got it sir thanks have a nice day