Get rid of newsletter signup on search page

Topic summary

A user seeks to remove the newsletter signup section from their Shopify store’s search page on seraneeva.com.

Solutions Provided:

Multiple experts offered CSS-based approaches:

  • Add display: none !important; targeting .template-search .section--newsletter in theme CSS files (theme.min.css, base.css, styles.css, or custom.css)
  • Alternative method: Use Shopify’s theme customizer to navigate to the search page template and either hide (eye icon) or delete (bin icon) the Newsletter section directly

Additional Issue:

The original poster also asked about removing a white box around the footer newsletter signup to match the homepage appearance. Screenshots were shared showing the desired outcome.

Status:

One responder indicated the issue appears resolved based on checking the site, though final confirmation from the original poster wasn’t provided in the thread.

Summarized with AI on November 8. AI used: claude-sonnet-4-5-20250929.

Hi guys,

Website: seraneeva.com

I’ve been stuck on this for a while. How can I get rid of the newsletter signup on the search page?

Hi @flammagreg ,

You can go to Themes → Edit code → find the ‘theme.min.css’ file and add this code at the bottom:

.template-search .section--newsletter {
    display: none !important;
}

Hope this helps.

Hello @flammagreg

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid
Step 3: Insert the below code at the bottom of the file → Save

.template-search .section--newsletter {
    display: none;
}

Best Regards,
Dws_pvt_ltd

@flammagreg Please follow below steps to remove the newsletter signup section on the search page. Let me know whether it is helpful for you.

  1. From admin, go to “Online Store” → “Themes” → “Customize”.
  2. Search and select the search page in the dropdown like in the below attached screenshot.

  1. In search page, under the template, find the “Newsletter” section like in the below attached screenshot.

  1. You can make it invisible by clicking the “eye” icon near to the “Newsletter” text or

remove the “Newsletter” section by clicking the “bin” icon near to the “Newsletter” text which is marked in the below screenshot.

  1. Then the final output will be like,

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

1 Like

Hello,

I am San from MS Web Designer.

Go to Themes > Edit code > Theme.liquid > at the bottom place this code before


Hope this helps.

Do let me know in case of any concerns.

Regards,

San

Do you also know how I can’t get ride of the white box around the newsletters sign up in the footer? It should look like how it looks on the homepage

@flammagreg It seems you have fixed it, please let me know if you need any other help.