HTML & CSS

We desperately need to hide the training labels that are in the syllabus of the new course player. They have no meaning to our learners and the visual clutter is overwhelming. It also dissuades us from being able to use the short description for training materials that would add value to our learners. I have combed through every mildly related community post and tried every CSS suggestion from the past few years in our sandbox. None have worked to hide training label. I reached out to Docebo Support and they said they do not advise on CSS.Is there a CSS genius out there who can assist with this dilemma?    P.S. I know they can be changed via localization but our goal is to hide them entirely. That being said, if you changed yours, what did you change them to? Open to suggestions. 

Hi there, Hoping someone can help. I have created an FAQ Page using the accordion method detailed in this amazing post The Search for a better Accordion.What I would now like to do on a separate Support Page is create a separate accordion effect that incorporates multiple accordions within a larger accordion (a parent accordion with multiple children accordion), if that makes sense.I've used the Do

I work for a casino and we have built our own web app that simulates poker hands. We want to iFrame it into our Docebo platform. I was wondering if there is a way to pass the credentials of the signed in Docebo user directly to the iFrame so they don’t have to sign in again once they select the iFrame page? I tried looking through the documentation but I haven’t found anything yet.

#doc-layout-internal-header > div.internal-header-main-elements > div.internal-header-user-menu-button.ng-star-inserted > ui-button-icon::after{ content: "MENU"; color:#888; font-size: 0.92em; text-align: center; font-weight: 600; top: -6;}#ui-button-icon-3 { bottom: -8;}/* add text "menu" to hamburger menu */Having minor spacing issues - pretty sure my text-align does nothing

We are soc2 audited and are failing to meet requirements of having a completed by or due date for courses and learning plans.  The soft deadline does not work as you can only select a date, selecting a timeframe such as 60days would be more beneficial, some of our courses are assigned by start date or when a person moves to a new role so the soft date has expired before they are even enrolled into the course. I have worked with a few LMS systems and this is the first system that does not have a completed by date. 

Hi friends!I’ve been trying to do this for 2 days now to no avail haha I come from a retail business and there are ‘compliance’ courses that team members must complete. We have them catagorised in catalogs. We are currently redesigning the team member home page, and using the task list to show courses ‘not started’ and ‘in progress’ but I want to be able to distinguish the courses with a badge (new to the language) that says ‘compliance’. Is something like this achievable? I was able to get the wording on every card, but not able to target specific cards via catalog. Hoping the community can help! Thank you!

Has any company partnered with a 3rd party vendor for HTML/CSS?  We would like to get some quotes regarding a redesign through the use of HTML.  

Like a few others here, I’ve been concerned about the ability of users to invite an entire channel’s user base to view an asset, but seem to have found a CSS fix.ProblemI’ve altered our language pack to remove any reference to inviting a channel, but the search box still returns channel results, e.g. if searching for someone called ‘Sofia’, typing ‘sof’ will autocomplete to our global ‘Soft Skills’ channels with thousands of users…BEFORE Solution /* AM - Prevent invitations to all channel users */.inviting-search-multiselect .text-basic-size:has(.additional-info){display: none!important;}.inviting-search-multiselect being the search bar on the Invite pop-out .tex

Good day everyone!I’m looking for the css code to change the sign-in window to have rounded corners.Thank you for your attention.Caesar

Hello all, my boss asked me to get rid of the cat tail (her exact words were cat butt but writing butt got my post flagged) image in our Task List Widget. The code below was first tested in the sandbox and then moved to production./** Hide Cat Butt Image **//** Target the element by its data attribute **/[data-illustration-name="empty_bin"] { display: none !important;}I wanted to get rid of the image, but keep the “No courses to start” BeforeAfterI checked our transcripts page and it still shows other “empty” images that we are fine with.

Hi, I watched a Docebo webinar where someone had used the HTML widget to translate the English content into multiple languages, once the user selected their language embedded into the widget. Can anyone help me in terms of how to do this? I currently have 14 dashboards in different languages it would be great to find a simple solution where I I can have one dashboard that translates the content into  a users selected  language. 

Hello, has anyone else used an HTML developer for Docebo other than GuyKat?  Any other recommendations from anyone?  Trying to get a flavor for the possibilities.  Thank you. 

 Hi, I’m trying to get this menu bar to work. I have this HTML code <!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"><style>body { font-family: Arial, Helvetica, sans-serif;}.navbar { overflow: hidden; background-color: #333;}.navbar a { float: left; font-size: 16px; color: white; text-align: center; padding: 14px 16px; text-decoration: none;}.dropdown { float: left; overflow: hidden;}.dropdown .dropbtn { font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px;

We would like to update the “Whoops” text when there is no longer training assigned to a learner. However, when I go to the Localization tool to change the language, I see 3 options: Flow, Mobile, and Standard.  I’m assuming I know what Mobile and Standard are, but what is Flow? What will be impacted when I change that language? Thank you!

I am looking for CSS to Hide the Internal Header Logo, which is to the right of the hamburger menu. Any suggestions would be much appreciated. Thank you. Sheralynn

If you’re only using one single language to train your users, you may want to hide the redundant language code you see on course cards (see below):   Just insert this code on your Custom CSS to hide the language code:/* ************ *//* Language tag *//* ************ *//* Removes 'Language' from widget tiles and catalog tiles */.ui-card-language,.ui-card-separator,[data-cy="formal-content-language-code"],[data-cy="formal-content-language-code-accessible"],.ui-list-item-language,.ui-list-item-separator,.course-catalog-content .ui-card-language,.course-catalog-content .ui-card-separator,.course-catalog-content [data-cy="formal-content-language-code"],.course-catalog-content [data-cy="formal-conten

Hi Everyone, So we’ve enabled users to choose their own timezone (just so we can import timezones into the user profile using HR Management) - but they would still have the option to change this in ‘My Profile’ under ‘Preferences’. So I’ve used CSS to remove the ‘Preferences’ tab - however, there is an annoying pop-up that asks if I want to change my timezone (i.e. if I, in South Africa login as a user in USA - where USA timezone is set on their profile, the pop-up will say: we’ve noticed you’re in GMT+2 timezone, do you want to update) Does anyone know how I can remove this pop-up?  

Hello,I did not find an answer - does anyone know how to change the textfield colors of the course status displayed in the My Activity page via CSS?I managed to modify them at most of the other places, but am failing here.Thanks  

It is possible to have CSS or HTML use colors from the “Configure Branding” menus?  We have a number of Extended Enterprise sites and have started to experiment with some custom buttons in CSS/HTML that I found here in the community.  The issue is that these all have button colors in the CSS, and while I could change change that for every site, I was hoping there was a way to just have it pick up the existing color scheme.

My client has items in the platform they are not launching with or will not be using.  They would like to hide those items on the Users Personal Summary/Transcript.  Those Items would be Badges, Social, Q&A, Share and Asset Rank.  Has anyone done this or something similar before using CSS to hide these items.  Any suggestions would be much appreciated.  Thank you.

Hello Docebians. I have found a few elements that have me stumped to hide when looking at External Training.  I have used CSS to hide table elements in other areas, but the logic does not seem to apply equitably here.  In External Training, we have setup a flow where “Rejected” entries are sent to a Waiting for Approval area.  On this screen, they have the ability to review and Approve or Permanently Delete the record.  We do not want our users to Permanently delete records.  I’d like to just hide the column or the entire class of delete-action.  But I am hitting walls.  Can anyone help with CSS that will hide the Delete Action class?  I tried:!--scriptorstartfragment-->body.waiting-approval-page a.delete-action {  display: none; }

The chevron icons in our breadcrumb bar have become offset, but I’m unsure how this happened. I haven’t changed the CSS on it directly and can’t figure out if anything is overriding it.I have been trying to alter it all day with CSS, and I can get it back in place while using inspect on the page, but when I inject it into the CSS area nothing changes. I have tried so many different configurations to get this back where it should go I’m losing my marbles a little bit. ANY help is appreciated! 

Sooooo, I really need some help, does anyone have any ideas how I can make the Renew certification button more obvious, I am struggling to find the right selector, without impacting the rest of the platform. I only want it to make changes on the course player pages. Getting slowly frustrated with users going I’ve recompleted the course but it hasn’t updated my records. Then I ask did you click the button? and the answer is always no what button!  

Hi - I’m looking for some help with customizing a catalog widget I’m using to serve up some learning plans on a page.  I’m trying to reduce the overall vertical height between the “Enroll in Partner Onboarding” title and the green learning plan cards below it - probably by about 10 pixels.   I’ve already the search bar that’s built into the widget and the resource count label with the following CSS:  /* removes the categories filters and search bar from the partner onboarding plan widget */#doc-widget-1621 .ui-data-browser-controls-bar {    display:none !important;}/* removes text showing number of resources in the widget */#doc-widget-1621 .course-catalog-total-count {display: none;} When I ins

Hello, does anyone know of a clever way in which to change the standard page icon images?We want to use our company logo for our homepage, this is what we use at the moment.