How To Get Rid Of Custom Code On Password Page

Store Design
, , , , ,

Topic summary

Issue: A store owner wants to remove a custom newsletter sign-up block from the Shopify Dawn theme’s password page. They shared their password page URL and a screenshot for context.

Proposed fix: Add CSS to hide the unwanted elements on the password page. The provided selectors target both the custom newsletter element and the second section under .password-main (i.e., .password-main > [id*=‘section’]:nth-child(2) and .password-main .custom-newsletter), setting display: none !important.

How to apply:

  • Go to Online Store > Themes > Actions > Edit code.
  • Open Assets > base.css.
  • Paste the CSS at the bottom to hide the elements.

Notes: A screenshot is included to show the unwanted block, and a concise CSS snippet is central to the solution. The approach is a front-end hide (CSS), not a code removal from the template.

Status: A concrete workaround was provided; no confirmation yet from the original poster that the issue is resolved.

Summarized with AI on December 31. AI used: gpt-5.
1

I have this custom newsletter sign up that was coded separately from the email sign up Shopify dawn theme provides. I don’t know what code to delete/add to get rid of this block.

Screenshot 2024-04-18 161800.png
Screenshot 2024-04-18 161800.png2736×1560 216 KB

2

the url is:https://cureblame.com/password

3

@cureblame , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.password-main > [id*='section']:nth-child(2),
.password-main  .custom-newsletter{
    display: none !important;
}

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego