Auth0 Home Blog Docs

Unable to change login logo on Firefox browser

Hi all,

I am attempting to change the logo for the auth0 Login page because some customers may be worried when they see a logo not directly associated with our website, it works fine for changing it in Chrome and Edge, but Firefox won’t replace the img src.

The code is as following:

.auth0-lock-header-logo{
content: url(‘https://website.com/img/logo.png’) !important;
display: inline-block !important;
font-size: 0 !important;
line-height: 0 !important;
margin-top: 10px !important;
height: 80px !important;
width: 150px !important;
}

Best regards
Nikolaj.

Hi Konrad,

Thank you for the response and looking into it :slight_smile:

I will go and raise the question on your GitHub repo :slight_smile:

Have a nice day,
Nikolaj.

I wanted to follow up on this matter and @nkr and let you know that we do support customizing logos in Lock along with FireFox. I have linked a couple excerpts below but please let us know if you have any questions!

Theming options

Theme options are grouped in the theme property of the options object.

var options = {
theme: {
labeledSubmitButton: false,
logo: “https://example.com/assets/logo.png”,
primaryColor: “green”,
authButtons: {
connectionName: {
displayName: “…”,
primaryColor: “…”,
foregroundColor: “…”,
icon: “https://…/logo.png”
}
}
}
};
labeledSubmitButton {Boolean}: Indicates whether or not the submit button should have a label. Defaults to true. When set to false an icon will be shown. The labels can be customized through the languageDictionary.
logo {String}: Url for an image that will be placed in the Lock’s header. Defaults to Auth0’s logo.

Browser Compatibility

We ensure browser compatibility in Chrome, Safari, Firefox and IE >= 10. We currently use zuul along with Saucelabs to run integration tests on each push.

Hello James,

Thank you for the response.

I configured the universal login Settings to use the company logo and primary colors, saved the changes and tested again in Firefox (With several hard refreshes Ctrl+F5 just to be sure) - The logo is still not changed though, but it works fine for Chrome.

When you are experiencing this error in Firefox are you seeing any errors in the Web Developer console? What version are you running of Firefox? Any additional details on this subject would be appreciated so we can dive into this further, thanks!

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.