Microsoft Entra Custom CSS not applied to Update Password Screen

Renato Guimarães 0

The custom CSS classes (.ext-{name}) are not been used in the Update Password screen preventing consistency between pages.

Instances like .ext-boilerplate-text and many others are been used as regular .boilerplate-text preventing us from overriding the style. Is it intentional or how could we apply the same styles for both Sign in and Password Recovery pages?
Screenshot 2024-11-13 at 11.37.16 AM Screenshot 2024-11-13 at 11.38.15 AM

Navya 13,050 Reputation points Microsoft Vendor

2024-11-15T19:14:56.73+00:00
Hi @Renato Guimarães

I understand that the custom CSS classes (.ext-{name}) are not being used in the Update Password screen, which is causing inconsistency between pages. Additionally, it seems that instances like .ext-boilerplate-text and many others are being used as regular. boilerplate-text, which is preventing you from overriding the style.

To resolve the issue can you try below solutions.

Update the Password Recovery Page Markup

Ensure that .ext- classes are applied consistently in the HTML across all relevant pages.

Example: Replace .boilerplate-text with .ext-boilerplate-text in the Password Recovery screen.

If changing the HTML across pages is not feasible, consider updating the CSS to include styles for both classes:

css Copy code .ext-boilerplate-text, .boilerplate-text { /* Shared styles */ font-size: 16px; color: #333; }

Hope this helps. Do let us know if you any further queries.

Thanks,

Navya.
Renato Guimarães 0 Reputation points

2024-11-18T10:10:27.5866667+00:00
Hi Navya,

Thank you for your suggestions.

We can't edit the HTML from Update Password Microsoft Page.
Unless there is an undocumented way to apply custom classes to specific elements?

I have tried to apply styles for both classes, only classes with .ext- overrides the existing styles.

Thanks,
Renato

Share via

Microsoft Entra Custom CSS not applied to Update Password Screen

Your answer