Override CSS - Sign Up Page

Question

Hi, I modified the CSS for the background of the sign-up panel, but I haven't figured out a way to override the default white background for the back button arrow and the background of the text with the email address. I've tried adding these styles to my custom CSS template I'm uploading, but it doesn't work.

.identityBanner,.identityBanner.backButton
{
	background-color: #f5f5f5;
}

Answer 1

Hi @Barry Sullivan , you can try modifying your custom CSS like this:

.identityBanner, .identityBanner .backButton {
    background-color: #f5f5f5 !important;
}

Adding !important to the CSS rule will give it higher specificity, which should help override the default white background for the back button arrow and the background of the text with the email address. If this doesn't work, there might be other CSS rules with higher specificity that you need to override. You can use browser developer tools to inspect the elements and find the exact CSS rules that need to be overridden.

If this doesn't work please let me know and I can help you further.

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