Skip to main content
Best Answer

I want to change the report is downloading image to be more on brand.

  • March 27, 2023
  • 7 replies
  • 102 views

sfrost
Helper II
Forum|alt.badge.img+3

I know it’s possible to change images in docebo because I was able to update the 403 image and the nothing here images…. but now I want to update the Report is downloading page… 

 

I know this CSS works: 

/*Replace Kneeling Person with custom image */

doc-widget-channels ui-illustration.ui-illustration,doc-widget-course-catalog ui-illustration.ui-illustration, doc-widget-my-courses-and-learning-plans ui-illustration.ui-illustration{

background: url(IMAGE URL) no-repeat center;

background-size: contain;

}

doc-widget-channels ui-illustration.ui-illustration svg,doc-widget-course-catalog ui-illustration.ui-illustration svg, doc-widget-my-courses-and-learning-plans ui-illustration.ui-illustration svg{

visibility: hidden;

}

 

/*forbidden page */

.internal-error-content .error_image {

background: url(IMAGE URL) no-repeat;

height: 300px;

background-size: contain;

max-width: 200px;

background-position: top;

margin: 0 auto;

}

 

/*Update Report is Downloading Image*/

doc-layout-page-content her-download-report-file ui-blank-slate ui-illustration{

background: url(IMAGE URL) no-repeat center;

background-size: contain;

}

 

 

This last one is the one I want to work… but I don’t think I’m grabbing the right part and it is not working… :( 

 

This is the image I want to replace:

 

Best answer by sfrost

It doesn’t really matter because there’s a new reporting feature now!

7 replies

sfrost
Helper II
Forum|alt.badge.img+3
  • Author
  • Helper II
  • Answer
  • May 30, 2023

It doesn’t really matter because there’s a new reporting feature now!


dandrews
Helper I
Forum|alt.badge.img+1
  • Helper I
  • June 1, 2023

Do we know the best way to update these images in general though? They are much more prominent with the new course UI that releases in October. 


Bfarkas
Hero III
Forum|alt.badge.img+6
  • Hero III
  • June 4, 2023

Do we know the best way to update these images in general though? They are much more prominent with the new course UI that releases in October. 

It’s generally CSS hacks to do it, there are a bunch from around the platform that have been considered stable and safe to do if wanted, ones related to the course update I would think are not safe to rely on yet since they are still making changes, once the release is stable and available…..lots of final solves will come about :)


dandrews
Helper I
Forum|alt.badge.img+1
  • Helper I
  • June 5, 2023

Thanks @Bfarkas ! I’ll continue to watch the space. 


JEntis
Helper I
Forum|alt.badge.img+4
  • Helper I
  • June 5, 2023

Thanks @Bfarkas we’ll definitely be making use of whatever those codes turn out to be, I’d to replace all those person images with something that goes with our brand. I wish as always though that Docebo would give us a simple in-UI way to do it that doesn’t involve CSS additions :/


Bfarkas
Hero III
Forum|alt.badge.img+6
  • Hero III
  • June 8, 2023

Thanks @Bfarkas we’ll definitely be making use of whatever those codes turn out to be, I’d to replace all those person images with something that goes with our brand. I wish as always though that Docebo would give us a simple in-UI way to do it that doesn’t involve CSS additions :/

Agreed, just dealing with what exists, have you looked for ideas to upvote?


sfrost
Helper II
Forum|alt.badge.img+3
  • Author
  • Helper II
  • October 18, 2024

I found this post which is related and has working CSS to address most of the Docebo Stock Images