How can I alter the color of the 'Enter Password' link text?

Store Design
, ,
1

Would anyone know how I would be able to change the color of the text “ENTER PASSWORD”. It’s the link that takes them to enter a password, so changing the color from theme settings doesn’t work. Anything helps, thank you!

Screen Shot 2024-03-20 at 12.39.26 AM.png
Screen Shot 2024-03-20 at 12.39.26 AM.png754×1012 699 KB

2

Hi @kagebritt11 ,

Can you send the preview URL so that I can help you on it?

Thank you

3

Hello @kagebritt11

Can you share store URL?

4

Here you go! https://bkdesigned.shop/password

5

Hi Dear!

Hope you are doing well. To change the text color you need to follow some steps.

  1. Open the preview of the page
  2. Take the mouse to the “Enter Password” and right-click to open the “Inspect”.
  3. Check the Css Class for this text.
  4. I assume the text class is “passtext” then you have to add some CSS in the section or theme.
.passtext{
color: white;
}

If you add this CSS in the section then should be ok. But if you want to add in the whole theme then you may need to check more CSS classes to define the exact line of text.

Hope this will help you.

6

Do you know under what section I would put this when editing the code?

7

Hi [email removed]

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file password.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly