Solved

Can not change text colour

BlazS
Tourist
6 0 2

Good afternoon everyone. I have a bit of a problem with the text colour and box colour after filling in the email, my client is redirected to a page that but the colour of the text is green no matter what I do. I would be very thankful for any help.

 

Please see below the screen shot of the page

 

Screenshot 2024-01-31 at 13.47.18.png

 

BlazS

Accepted Solution (1)
ThePrimeWeb
Shopify Partner
1026 267 212

This is an accepted solution.

Hey @BlazS,

Sorry, I messed up the file.  It's supposed to be password.liquid file.
Follow the same steps and add it after the <head> tag.

 

 

<style>
body .form-status__message.form-status__message--success {
    color: white !important;
    border-color: white !important;
}
</style>

 

 

Screenshot for reference.

ThePrimeWeb_1-1706709333645.png

 

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? Contact me here

View solution in original post

Replies 9 (9)

ThePrimeWeb
Shopify Partner
1026 267 212

Hey @BlazS,

Could you share the link to your store? I will take a look 😊

Was I helpful?

Buy me a coffee

🙂

Need help with your store? Contact me here
BlazS
Tourist
6 0 2

Hi,

 

thank you please see url for the first page where all is ok.

 

https://ourfacelesscrew.com/password

 

After they put in their email they come to the second page - where I can not change the colour in the box and the box itself from green to white...

 

https://ourfacelesscrew.com/password?customer_posted=true

ThePrimeWeb
Shopify Partner
1026 267 212

Hey @BlazS,

Can you try this and let me know? 😊

 

Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.

<style>
body .form-status__message.form-status__message--success {
    color: white !important;
    border-color: white !important;
}
</style>

 

Screenshot is for reference only, the correct code to paste is the one shown above.

ThePrimeWeb_0-1706707572285.jpeg

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? Contact me here
BlazS
Tourist
6 0 2

Hi,

 

thank you but the issue is still there. I have saved the code as advised. Below a screen shot. Maybe I should clear cache? Any other ideas?

 

Screenshot 2024-01-31 at 14.33.02.png

ThePrimeWeb
Shopify Partner
1026 267 212

This is an accepted solution.

Hey @BlazS,

Sorry, I messed up the file.  It's supposed to be password.liquid file.
Follow the same steps and add it after the <head> tag.

 

 

<style>
body .form-status__message.form-status__message--success {
    color: white !important;
    border-color: white !important;
}
</style>

 

 

Screenshot for reference.

ThePrimeWeb_1-1706709333645.png

 

 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? Contact me here
BlazS
Tourist
6 0 2

Thank You!

 

As marked that was the solution! Appreciate it.

PageFly-Henry
Astronaut
775 207 182

Hi @BlazS 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

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

Step 2: Search file theme.css

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


span.form-status__message.form-status__message--success {

    color: white !important;

    border-color: white !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

BlazS
Tourist
6 0 2

Hi Henry,

 

thank you for your input, the above solution has already worked for me. Still very grateful for the help!

PageFly-Henry
Astronaut
775 207 182

You are welcome @BlazS 😊

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.