Fix my header on the password page

[SoulGrip]

PLEASE HELP!!!

My header on my password page has gone weird. I want to:

• Move everything to the centre
• Remove the divider line
• Add the text Enter using password next to the lock icon
• Fix the page when you click on the lock icon to actually have text like the Refresh theme template

Or is it possible to just reset this entire page?

I have added screenshots from my phone as I can't screenshot on my laptop

 

  

[suyash1]

@SoulGrip  can you please share your website link?

[SoulGrip]

www.soulgrip.com.au

[suyash1]

@SoulGrip  please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

content is not shown as looks like the code has been broken, I recommend to install fresh copy of the dawn theme

.password-header{text-align: center;}
#shopify-section-main-password-header hr{    display: none; visiblity:hidden;}

[devcoders]

Hello @SoulGrip 

- Go to Online Store -> Theme -> Edit code.
- Find the file base.css and paste the code below at the bottom of the file.

.password-header {
text-align: center;
}
.modal__toggle-open.password-link.link.underlined-link {
justify-content: center;
}
#shopify-section-main-password-header hr {
    display: none;
}
.password-header {
    margin-bottom: 15px;
}