Question

Editing 404 page image via CSS

  • 6 January 2022
  • 3 replies
  • 232 views

Has anyone found what part of the CSS to edit to change out the image on the 404 page? Hoping to replace Einstein with our mascot! Thanks in advance

 


3 replies

Userlevel 4
Badge

Hi @KarenClement !

@nick.tosto and  this post helped me change the image for our 403 page.

I used this CSS and pasted it at the bottom of the 7.0 code found in the “Custom Styles” section of the Configure Branding and look administrator page:

/* comment of some sort to know why you added this*/
.internal-error-content .error_image {
background: url(https://url of your image) no-repeat;
height: 300px;
background-size: contain;
max-width: 200px;
background-position: top;
margin: 0 auto;
}

.internal-error-content .error_image img {
visibility: hidden;
}

I know this changes the image on this Docebo page: https://yourorgnamehere.docebosaas.com/unauthorized

Is that the one you’re trying to change? Mine’s a 403, not 404, so maybe it’s different, but it would just be a different CSS element you would need to find the name for.

 

Hope this helps!

Roger

@rogergreenlee I saw your post about the 403 page but I was hoping to get some help finding the specific 404 image. I’m relatively confident in editing the CSS once I’ve found it, I just don’t know where I look to find the different element on the 404 page. 

@KarenClement

Sorry, I had posted an idea, but when I doubled checked it, it did more harm than good. So I’ve taken my CSS idea/comment down.

Reply