Customize flash messages color

Fla · February 24, 2020, 12:57pm

Hi everyone!

Does any one know if there is a way to customize the colors of the flash messages shown in Universal Login? More specifically, I would like to use a different shade of green instead of the existing one for success messages.

Thanks!

konrad.sopala · February 24, 2020, 2:27pm

From our docs it seems doable. Check this one:

rashid779939 · February 24, 2020, 2:28pm

You can customize whole UI as you required. Just go to
universal login
Login
Enable customize toggle and here you can customize the whole page UI.

konrad.sopala · February 24, 2020, 3:01pm

Yep exactly, that is correct!

Fla · February 24, 2020, 3:55pm

@konrad.sopala @rashid779939 Thanks for your replies. I already customized my login page, but I was asking about the green of the message, see the image:
I can’t figure out how to change it and did not find any info to help me.
Any ideas?

Thank you!

rashid779939 · February 25, 2020, 6:08am

I need some more informtions. Can you send DM to me. I believe i can help you.

konrad.sopala · February 25, 2020, 1:29pm

Once you have it figured out guys make sure to share the solution in this thread!

Fla · February 25, 2020, 2:40pm

Hi Konrad,

Since I use Classic Universal Login I guess the conclusion is that I will just override .auth0-global-message.auth0-global-message-success and use my color instead. Even though doing this is not recommended.

I alos found this post:

Customization of the Sign Up successful message General

@konrad.sopala First, thank you for your help! I already came across the docs on Lock UI Customization and also already use the suggested rule. To clarify my problem, that’s the text I want to customize. [image] There is nothing available about this in the documentation you mentioned because only customization of the Lock Login/SignUp UI is covered. It would be great if this would also be possible! I tried to customize it with a little hack via css (::after). However that didn’t work.

So apparently there is no other way.

konrad.sopala · February 25, 2020, 3:54pm

Yep that is correct if you use Classic version of the Universal Login. If you use the new one I’m not sure if it’s customisable at all as the main intention behind building that was making it more lightweight but by reducing its customisation options.

system · March 11, 2020, 3:54pm

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.