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

[kagebritt11]

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!

 

[LuffyOnePiece]

Hi @kagebritt11 ,

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

Thank you

[kagebritt11]

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

[niraj_patel]

Hello @kagebritt11 

Can you share store URL?

[tariqurrah]

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.

[kagebritt11]

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

[PageFly-Oliver]

Hi @,

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

<style>
.passtext{
color: white;
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly