Custom CSS In Azure Entra Doesn't Quite Cover Everything

Kane T 0 Reputation points
2024-01-24T05:19:49.58+00:00

Hey,

Why is it that we can upload custom CSS, but you can't edit any selectors other than those starting with ext-? This sort of defeats the purpose of being able to edit the styling of the UI with CSS. The way the styling options are, you can't truly customise your UI, you can get it half and half which really isn't much help. We used to be able to fully customise a page, meaning this is a regression.

For example, the .identityBanner can't be edited when inviting a user, meaning that you can have it all nicely styled except for a big white block at the top of the screen that looks out of place because you can't override the style (see screengrab). Same for the width of the vertical-lightbox-container when using the partial-screen background template, you can't even add extra padding around the inputs.

Is there any way we can style everything on the page?

Screenshot 2024-01-24 at 4.06.26 pm

Looking forward to hearing back,
Kane

Microsoft Entra
Microsoft Entra ID
Microsoft Entra ID
A Microsoft Entra identity service that provides identity management and access control capabilities. Replaces Azure Active Directory.
18,683 questions
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. James Hamil 20,741 Reputation points Microsoft Employee
    2024-01-24T20:36:32.66+00:00

    Hi @Kane T , unfortunately this is just a limitation of the platform. It's not possible to override the styles of the ".identityBanner" or the width of the "vertical-lightbox-container" using custom CSS. What other users have done is create their own front-end and then pass the values through for authentication. I know it's not what you're looking for but that seems to be the best option. Please let me know if you have any questions and I can help you further. If this answer helps you please mark "Accept Answer" so other users can reference it.

    Thank you,

    James