Skip to main content
Question

Course landing page customisation

  • Dec 11, 2024 9:10 AM UTC
  • 4 replies
  • 228 views

cchadford1
Contributor I
Forum|alt.badge.img

Hi, does anyone know how we can customise the new course landing page from this awful blue from when the platform was updated earlier this month?  

 

4 replies

JeanetteMcVeigh
Hero II
Forum|alt.badge.img+10

One of the options is to add a header image instead of the blue color.  That is what we have done for our courses.  In most cases we simply use the same image as the thumbnail or player background image.

It’s found in the Course Properties

 


elamast
Hero I
Forum|alt.badge.img+7
  • Hero I
  • Dec 11, 2024 2:47 PM UTC

If you just want to change the color gradient to use a different color, you can use something like this:

 

.dcb-te-content-overview-header-wrapper {

    background-color: red !important;

}
 

Swap out “red” for any color you wish.  Here are lots of possibilities:

https://www.quackit.com/css/css_color_codes.cfm

 


Forum|alt.badge.img
  • Novice I
  • Oct 16, 2025 12:47 PM UTC

Hi! Is there a way to get rid of the gradient altogether? It makes our header image look quite dark.


elamast
Hero I
Forum|alt.badge.img+7
  • Hero I
  • Oct 16, 2025 1:58 PM UTC

With the new design, I would go with this for a white header:

doc-layout-internal-header {

  background: none #FFFFFF !important;

}