Skip to main content

We are using the following CSS to change the background color on a specific page in Docebo:

/** Change the Street Landing page color to black **/

#doc-page-57 {background-color: black;}

We are getting the following result:

We have tried various attempts to target the white space below our widgets, but have had no impact on changing the color to black.

We really wish Docebo would provide access to the entire CSS code they use.

Any suggestions?

 

We figured it out...

What did you do to resolve it?

We added an Image Widget at the bottom of the page that was black, and that took care of the space below, as the CSS required to overcome the multiple levels of hierarchy was too much to consider, so we took the simple route here. 

We ended up changing a lot of other features through CSS to update our Learning Plan page, as there is a lot of repeated information.

It looks like this now.

 

Thank you.

If you want to remove the widget on the right side of the page for all LPs and eLearnings, here is the CSS.

 

/** Hides Progress, Keep Learning From, and Learning Plan details on LP page **/

.ui-col-24.ui-col-md-8.lrn-content-overview-sidebar {

    display: none;

  }

Just remember that is is a all or nothing. There are other features that use the same structure, like when someone wants to enroll, or an ILT instructor needs to manage a session. We have workarounds for those on our end.

Reply


Terms & ConditionsCookie settings