Skip to main content
Daniele Cmty
Daniele Cmty
Helper ⭐️⭐️
Sep 19, 2024 1:07 PM UTC
Solved

Error Page: How to edit (remove) default image?

Hi there,

How can I remove and/or edit the Default Image of the error page?
I believe a new default picture was recently added automatically by Gainsight  but it does not fit our Branding.

Under Customizazion > Phrases I am able to edit the Title and Text of the error pages (403, 404, 500). e.g. in Key error.404.title or error.404

 

We also added our cute little Lost Astronaut below  and would like to keep it that way (text first, image underneath.)

How do I do that?

 

Best,
Daniele

 

 

Kenneth R
Kenneth RAnswer
Expert ⭐️⭐️
Sep 23, 2024 1:45 PM UTC

Hey @Daniele Cmty you can set the default 404 and 403 images to not show with this bit of CSS:

.destination_error_image[src*="404.png"],
.destination_error_image[src*="403.png"] {
  display: none;
}

 

View in thread

4 replies

revathimenon
revathimenon
Gainsight Community Lead
Sep 19, 2024 1:28 PM UTC

Hi @Daniele Cmty 

We have a similar discussion on this thread that could help answer this.🙌🏽

 

Translate
Where focus goes, energy flows.
    Daniele Cmty
    Daniele CmtyAuthor
    Helper ⭐️⭐️
    Sep 19, 2024 2:10 PM UTC

    Hi @revathimenon, 
    Thanks!

    That thread tells me who to change the image.

     

    → Q: How can I remove the default picture entirely?


    I would like to first display the text, then the image below (which we have set up via Phrases)

     

     

     

    Translate
    Kenneth R
    Kenneth RAnswer
    Expert ⭐️⭐️
    Sep 23, 2024 1:45 PM UTC

    Hey @Daniele Cmty you can set the default 404 and 403 images to not show with this bit of CSS:

    .destination_error_image[src*="404.png"],
    .destination_error_image[src*="403.png"] {
      display: none;
    }

     

    Translate
      Daniele Cmty
      Daniele CmtyAuthor
      Helper ⭐️⭐️
      Sep 23, 2024 3:08 PM UTC

      That did the job, thank you!

      Translate
        Terms & ConditionsAccessibility statement