Microsoft Security | Microsoft Entra | Microsoft Entra External ID
Managing external identities to enable secure access for partners, customers, and other non-employees
Microsoft Entra Custom CSS not applied to Update Password Screen
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(6.4, 62%, 10%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ERG%3C/text%3E%3C/svg%3E)
Renato Guimarães
0
Reputation points
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?
Microsoft Security | Microsoft Entra | Microsoft Entra External ID
Microsoft Security | Microsoft Entra | Microsoft Entra ID
Microsoft Security | Microsoft Entra | Microsoft Entra ID
A cloud-based identity and access management service for securing user authentication and resource access
{count} votes
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(188.79999999999998, 26%, 28%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EGA%3C/text%3E%3C/svg%3E)
Gudivada Adi Navya Sri 21,080 Reputation points Moderator2024-11-15T19:14:56.73+00:00 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
-textwith.ext-boilerplate-textin 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.
- Ensure that
-
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 - We can't edit the HTML from Update Password Microsoft Page.
Sign in to comment
Sign in to answer