3,267 questions
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
25,081 questions
{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' %3EN%3C/text%3E%3C/svg%3E)
Navya 19,795 Reputation points Microsoft External Staff 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