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

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. 

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.

Hi Caesar, 

Thanks for sending that over. Without knowing the specific HTML with new nav turned on. It will be a bit difficult. I’ve done my best to base it off of what I know with our instance. We also don’t specifically use a login page. That being said, the following, can be tried. 

Please make sure you have your current code saved somewhere it can be retrieved and to reapply after testing the new code. And note, this does not impact the left align login, as we dont use a login page so Im unsure of what that code looks like. 

 /* ============================================================================ DOCEBO BRANDING TWEAKS — HEADER BACKGROUND ---------------------------------------------------------------------------- Purpose : Apply a brand background color to the Docebo header bar. Scope : Two separate rules, because two separate templates render a "header" and they share NO common selector:

Rule 1 — header[applayoutheader] The authenticated app shell in Docebo's NEW navigation. (Old nav used #doc-layout-internal-header; that ID no longer exists in new nav, so this replaces it.)

Not included: - Login box (external-simple-content): this instance uses SAML SSO and does not render Docebo's native login card, so there is no target. - #doc-layout-external-header: not present in any captured page. Color : #24201f is a PLACEHOLDER.

Replace with your own brand hex, ideally matching "Main Colors" under Branding & Look. Caution : Rule 1 colors the ENTIRE top bar (logo, center, user/billing cluster). Confirm the look in a sandbox before production. ============================================================================ */ /* Rule 1 — new-nav authenticated app header */ header[applayoutheader] { background: #24201f !important; }

If you want try to go a bit further, we can take this to a DM so to protect the HTML in your instance

-Jason