Skip to main content
Daniele Cmty
Daniele Cmty
Helper ⭐️⭐️
September 19, 2024
Solved

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

  • September 19, 2024
  • 4 replies
  • 85 views

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

 

 

Best answer by Kenneth R

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;
}

 

4 replies

revathimenon
revathimenon
Gainsight Community Manager
September 19, 2024

Hi @Daniele Cmty 

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

 

Where focus goes, energy flows.
    Daniele Cmty
    Daniele CmtyAuthor
    Helper ⭐️⭐️
    September 19, 2024

    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)

     

     

     

    Kenneth R
    Kenneth RAnswer
    Expert ⭐️⭐️
    September 23, 2024

    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;
    }

     

      Daniele Cmty
      Daniele CmtyAuthor
      Helper ⭐️⭐️
      September 23, 2024

      That did the job, thank you!

        Terms & ConditionsAccessibility statement