How to adjust the Dawn theme password page layout?

Store Design

Topic summary

A user seeks to modify the Dawn theme’s password page by removing gray separator lines and centering the email signup banner.

Solutions Provided:

  • Visual theme editor approach: Navigate to the theme customization panel, access Colors settings, and change the “borders” color option to white to hide separator lines.

  • Code-based solutions: Two contributors recommend adding CSS code to the base.css file in the theme’s assets folder:

    • Hide horizontal rules: hr { display: none !important; }
    • Adjust email signup banner positioning: .email-signup-banner__box { padding: 8rem 3.5rem !important; }

Resolution: The original poster confirmed that one of the CSS solutions successfully resolved their issue. Both approaches require accessing the theme editor through Shopify admin > Online Store > Themes.

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

Hello,

Does anyone know how I can remove the gray separator lines on the password page for the Dawn theme? Also, does anyone know how I can shift email sign up banner down to be centered on the page?

website is www.fracture-usa.com

password is wildwest

Screen Shot 2022-11-07 at 9.17.28 PM.png
Screen Shot 2022-11-07 at 9.17.28 PM.png754Ă—1562 37.2 KB

2

If you go to your website page editor, you can click on theme on the right hand side

Cheddarrl_0-1667880161000.png
Cheddarrl_0-1667880161000.png253Ă—209 6.04 KB

then click on colors. change the color option “borders” to white

3

Hi @rchmndfrctre .

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can go to Online store => themes => actions => edit code and add this code on file base.css

hr{
display: none !important;
}

Hope this answer helps.

Best regards,

Richard | PageFly

4

Hello @rchmndfrctre ,

To get this fixed you need to add the below-provided code at the end of your base.css file.

Here are the steps to fix the same.

  • Go to your Shopify admin > Online store > Select your theme
  • Click on action > Edit code.
  • Open base.css file from the assets folder > Paste the code at the end of the file
  • Save the changes.
  • Now check the output on your website.

Find the code below.

.password hr{

display: none !important;

}

.email-signup-banner__box {

padding: 8rem 3.5rem !important;

}

Hope it works, in case you need any further help with your Shopify store then please connect with us.

Regards,

CedCommerce

1 Like
5

This worked, thank you

1 Like