Skip to main content
Question

Help with a couple of css&html scripts for the landing page

  • July 24, 2026
  • 2 replies
  • 28 views

caycocho
Influencer II
Forum|alt.badge.img

Hello there,

With the new navigation UI now a mandatory requirement, can we ask the community for the css scripts to do the following:

  1.  Move the login box from the center to the left side
  2. Change the color of the header bar to black

We had the scripts to these in the old navigation UI, but it seems not to work anymore.

Thank you for the support in advance.

Caesar

2 replies

Jason Kocur
Helper I
Forum|alt.badge.img+1
  • Helper I
  • July 24, 2026

Hi ​@caycocho

 

If you have the CSS available already correctly impacting the the old UI, it may be a simple update. The old CSS used #doc-layout as the main CSS anchor. If thats how your old pages were styled, the update may be as simple as switching to the new app-layout CSS anchor. 

 

If you have any AI tool available, I highly recommend adding your code to that, to see if it can help give you the new version. Alternatively, it you want to paste a snippet of the code here or send a message, Im happy to take a look. 


caycocho
Influencer II
Forum|alt.badge.img
  • Author
  • Influencer II
  • July 25, 2026

Thank you for the attention, Jason.

I’m not a coder and you are a big help. Here’s the code that I got from Docebo at that time.

 

/* Make this color value match the "Main Colors" under Branding and Look */
#doc-layout-internal-header,
#doc-layout-external-header > div,
#doc-layout-user-menu > dcb-ui-trap > div > div > div:nth-child(2) > div > div.user-menu-header {
    background: #24201f;
}
 
/* Login box -center to left*/
#doc-layout-page-content > doc-layout-external-simple > div > div.external-simple-content {
    justify-content:left!important;
    margin-left:95px!important;
}
 
Again, thank you for the support.