Editing 404 page image via CSS

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.