How to customize the search page

[CreatorTim]

Hi, I need help with customizing my search page.

This is how it looks now:

And this is more or less how I want it to look:

So here’s what I need:

1. Remove the "Search results" heading.
2. Replace the small text "1 result found for 'edit'" with "Results for 'edit'," increase the font size to 36px, bold it, and center-align it.

That’s all I want.

Here’s my store URL: https://1049xn-ya.myshopify.com/search?options%5Bprefix%5D=last&q=edit

And here’s the reference store I want it to look like: 
https://tomnoske.store/search?options%5Bprefix%5D=last&type=product%2Carticle%2Cpage&q=edit&sort_by=...

Thanks a lot,
Tim

[topnewyork]

Hello, @CreatorTim 
1) Go to Online Store
2) Edit Code
3) Find theme.css/base.css file
4) Add the following code in the bottom

h1.h2.center {
    display: none !important;
}

 Thanks! 

[topnewyork]

Replace this text on html tag 

<p role="status">
              Results for 'edit',
            </p>

[CreatorTim]

Hey, thanks for the feedback. I’ve got the first part sorted, but I didn’t quite understand this part.

What exactly should I replace? And what’s the name of the file? Is it main-search.liquid?

Also, I’m not sure if you got it right—I want the "1 result found for 'edit'" to change dynamically. For example, if I type "edit" into the search bar, I want it to display "Results for 'edit'".
If I type "Master" into the search bar, I want it to display "Results for 'Master'".

Always to display the word I type into the search bar, not "edit".

Thank you

Tim

[DaisyVo]

Hi @CreatorTim 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

.template-search__header.page-width > h1 {
    display: none !important;
}

Here is the result: 

I hope this helps

Best,

Daisy

[CreatorTim]

Thanks, I got it. Could you help me with the second part?

Replace the small text "1 result found for 'edit'" with "Results for 'edit'," increase the font size to 36px, bold it, and center-align it.

But the "edit" is just an example, I just want it to always display whatever I type in the search bar.

Thanks,
Tim