How can I go about on changing the text colour in the Enter using password page?

Store Design

Topic summary

A user seeks to change the text color in the top-right corner of their Shopify store’s password-protected page, using the Dawn theme.

Solutions Provided:

  1. CSS Code Edit (Rahul_dhiman):

    • Navigate to: Online Store → Themes → Actions → Edit Code → base.CSS (line 608)
    • Replace existing .underlined-link, .customer a CSS with color: white !important; or custom color code (e.g., #ccff00 for green)

  2. Theme Customizer Method (Vinsinfo):

    • Go to Online Store → Themes → Customize
    • Select “Password” page from dropdown
    • Click “Password header” section
    • Edit “Color scheme” settings
    • Update “Outline button” value to desired color

Resolution:
The user successfully fixed the issue and requested an additional color change to green, which was provided via updated CSS code. The discussion is marked as resolved with the user expressing gratitude.

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

Screenshot 2024-07-01 at 4.15.25 PM.png
Screenshot 2024-07-01 at 4.15.25 PM.png2550×440 14.7 KB

How can I change the text colour on the top right ? Possible to give me step by step instructions . It’s using a dawn theme . Website url is : https://www.platoworldwide.com/password

2

Hi, I can’t see the text in the top right corner. Can you tell me which text you want to modify it’s color?

3

Hello @tansrirain458
Go to online store ---------> themes --------------> actions ------> edit code------->base.CSS ------line number 608
check below code there.

.underlined-link, .customer a {
    color: rgba(var(--color-link), var(--alpha-link));
}

and replace with this code.

.underlined-link, .customer a {
color: white !important;
}

and the result will be

5.png
5.png1202×865 11.4 KB

If this was helpful, hit the like button and mark the job as completed.
Thanks

1 Like
4

@tansrirain458 Please follow the below steps to change the text colour in the password page. Let me know whether it is helpful for you.

  1. Go to “Online Store” → “Themes”.
  2. Click “Customize” button from the current theme.
  3. Search for the “Password” page in the dropdown like in the below attached screenshot.

Vinsinfo_0-1719826318802.png
Vinsinfo_0-1719826318802.png1356×500 61.6 KB

  1. Click the “Password header” to edit like in the below attached screenshot.

Vinsinfo_1-1719826337501.png
Vinsinfo_1-1719826337501.png358×595 16.7 KB

  1. Find the “Color scheme” and click “Edit” like in the below attached screenshot.

Vinsinfo_2-1719826352129.png
Vinsinfo_2-1719826352129.png356×596 17.7 KB

  1. Make sure the value of the “Outline button” is the custom colour that you want to display the “Enter using password” text like in the below attached screenshot. If not, Please update the “Outline button” value with your custom colour and check.

Vinsinfo_4-1719826879874.png
Vinsinfo_4-1719826879874.png1365×589 45 KB

  1. Then the final output will be like,

Vinsinfo_5-1719826896802.png
Vinsinfo_5-1719826896802.png1366×799 11.4 KB

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

1 Like
5

Thanks so much ! Appreciate it , got it fixed . If it’s possible to change to the green that I’m using ?

6

Sure , change the same code with this and save

.underlined-link, .customer a {
    color: #ccff00 !important;
}

and the result will be

6.png
6.png1341×919 12 KB

Thanks a lot…!!!

1 Like
7

You’re a life saver , thanks alot ! God Bless