HTML & CSS

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 .text-basic-size being the individual search results :has specifying only search results which also include the number of channel users (.additional-info)This results in users still being selectable, but channels not! AFTER 

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

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. 

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-content-language-code-accessible"] { display: none !important;}/* Add a " | " + a space after the # of courses on the Learning Plans tiles */.ui-card-count.ui-typography-subtitle.ui-color-typography-secondary.ng-star-inserted::after,.course-catalog-content .ui-card-count.ui-typography-subtitle.ui-co

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; } and #transcripts-waiting-approval-grid > div.gridItemsContainer > table > tbody > tr > td:nth-child(10) {    display: none;}  !--scriptorendfragment-->Neither approach seems to work.  Any thoughts?  Coincidentally, I was able to hide the

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! 

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. 

We’re currently running some custom code to round the corners of widgets. It’s working for all full-size widgets and one-third sized widgets. However, it’s not working for two-thirds widgets -- I’m trying to upload a two-thirds banner and the sharp corners starkly contrast with all the rounded corners. Here’s the CSS we’re currently using to round the corners:/* Make all widgets border rounded*/.pages-widget-page .single-widget *:not(.title):not(.ui-carousel-title):not(.ui-text-link):not(.ui-card-title):not(.ui-typography-heading-5):not(.subtitle) { border-radius: 10px;}Any thoughts? 

Hi All!We want to put our department email in the footer of the homepage, is there a way to edit or add to the “Powered by Docebo” text that currently exists there? I’m sure CSS is needed to do this, but don’t know where to start, I’m not great with that stuff :/ 

I can’t for the life of me figure out why Not Started tags show as #004e72 background (blue) but In Progress and Completed show as Black. Any ideas? Thanks!   

Hey, Our platform has been very stable for quite a while layout wise, we haven’t had to make any css changes for months. Today however, the layout of our header spontaneously changed without our custom CSS changing.  Is anyone aware of any platform changes that would have caused this?  We have this line in our custom css which USED to push items down below our header, but now it doesn’t seem to do anything.#doc-layout-page-content{    margin-top: 84px!important;} I have done a comparison on an old page that I had loaded, cached with the old layout, and on comparing the two, I’ve identified this property as having changed, but am unsure how to correct it.  Old: New:  Any help would be greatly appreciated. I am a CSS dabbler rather than an expert. Marion

Hi everyone,I am designing a page that has 3 areas on it depending on what a learner wants to do (attend an ILT, sit on demand eLearning or browse resources).  I am wondering if there is a way to hide the search / filter / sort bar so that there’s not a huge gap between the custom image and the courses appearing:Is this even possible?

Hi there, Does anyone know of any CSS that will hide the ‘Score’ field in the ‘Report External Training’ page? Thanks in advance to anyone who takes the time to respond.

I’ve not found any notification settings or alerts that would allow some form of pop-up modal to be utilized as important reminder or announcement notification. The only threads on this I’ve found on this are 1-2 years old. IF there is anything new/updated on the issue would someone please point me in the right direction. I’ve been able to build out a modal that I can link out of, but cannot get the system to accept a build to simply allow the ‘Close’ or ‘X’ to actually remove/hide the modal from the page. Is there a way to hide a widget on a page? I’d be most appreciative of any insight.  <div class="dcbo-modal-wrapper">  <input type="checkbox" id="dcbo-modal-toggle" checked="checked" value="" />  <div class="modal-window">    <div>      <label class="modal-close">Close</label>      <h1>Exciting News!!</h1>      <div>Be sure to check out our upcoming Tips & Tricks sessions!</div>      <br />      <div><smal

Hi There, We have a request to remove the ‘Remove from my Team’ button on the My Team page - The CSS code work is Sandbox - but not production. I have used the code in the Sample 7.0 interface box - remove all other codes - moved it to the top, and nothing. Here is the code: /** This option hides the "remove from team" option from Direct Manager view **/.team-member-card__actions div.ui-button-dropdown-menu.ui-shadow-md ui-button-dropdown-option:nth-child(4){display: none;}/* This option hides the "remove from team" option in My Team on team member sub-pages */doc-layout:has(a[target="_blank" target="_blank" target="_blank" target="_blank" target="_blank" href="/manage/my-team;isTeamMemberPage=true"]) mng-team-member-card ui-button-dropdown-option:nth-child(2){display: none;}

Hello,Has anyone developed a CSS fix to hide the word “Free” in the Harmony search resultsI chatted with Chat Support and there is no setting to turn it off and no localization tag to edit for it. Our organization has all the ecommerce features turned off as our Docebo instance is internal use only. Having ‘Free’ listed for a course cost would be a bit odd for our users. Sadly my CSS skills are limited to copy and pasting other people’s solutions. Thanks in advance for any replies.

This "Chat" button is in the way of selecting the button behind it. Im working in the CLOR and its difficult to manage around it. Can this be moved please.