AAD B2C How to hide "heading"

Question

Hi,

I am using Custom policy.

Recently I update page layout version as below.

・selfasserted:2.1.4→2.1.20

・unifiedssp:2.1.5→2.1.9

I speculate display setting of "heading" becomes default.

I would like to hide "heading" with custom policy.

Could you tell me the way to hide?

Thank you.

Answer 1

Hi @GrantGreen , to hide the heading with a custom policy, you can use CSS to set the display property of the heading element to "none". You can add the CSS to your custom policy by modifying the ContentDefinition element in your custom policy. Here's an example of how to do this:

1. Locate the ContentDefinition element in your custom policy that corresponds to the page you want to modify (e.g., api.selfasserted).
2. Add a new DataUri element with a reference to your custom CSS file. For example:

<ContentDefinition Id="api.selfasserted">
  <DataUri>urn:com:microsoft:aad:b2c:elements:contract:selfasserted:2.1.20</DataUri>
  <Metadata>
    <Item Key="CustomCSS">https://yourdomain.com/path/to/your/custom.css</Item>
  </Metadata>
</ContentDefinition>

In your custom CSS file, add the following rule to hide the heading:

css
.intro .heading {
  display: none;
}

Replace the URL in the example with the actual URL of your custom CSS file. This will hide the heading on the self-asserted page. 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