Question

Editing 404 page image via CSS

  • 6 January 2022
  • 2 replies
  • 86 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

 


2 replies

Userlevel 3
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. 

Reply