Azure ADB2C Custom Policies - CSS/HTML BOLD properties stopped working

Question

Hey 👋,

We are using Azure ADB2C with Custom Policies for our project. To be able to make few words in checkboxes bold, we implemented JS code that is insetring <strong></strong> tag around specific words. It was working fine but recently stopped. I tried to rewrite it to use <bold></bold> or <span>/<span> and all of them also with CSS combination with font-weight but with no success. I cannot find any similar scenario.

Did someone encounter same issue or have any idea how to fix it?

Thank you!

Answer 1

Hi @Michal Kormanik ,

I tested this and was not able to reproduce the issue. Is it possible that font: inherit is being used somewhere in the CSS so the strong { font-weight: bold; } declaration is getting overwritten somewhere? You might need to re-add it to your CSS in case something got broken along the way:

strong{
 font-weight:bold;
}

Could you please share what you have in your HTML and CSS? I've also seen that certain browsers and font settings can mess with the behavior.

If you'd prefer to send me an email to troubleshoot, you can reach me at AzCommunity@microsoft.com ("Attn: Marilee Turscak"). I've not seen anything B2C-specific that could break this behavior, but am happy to investigate.

If the information helped you, please Accept the answer. This will help us as well as others in the community who may be researching similar issues.

Answer 2

Hey 👋,

already found where issue was. This worked properly. Import of font didn't import all variations of font so after correction it is working fine.

Thank you for answer!