HTML & CSS

Hi! I am looking to remove these two fields from My Activities > External Training > New Activity.  I tried a couple ways, but not successful. Was wondering if anyone here would be faster at this. 

Hey community. Hopefully I’m not repeating anything here, but I couldn’t find anything similar. I’m hoping some smart cookie might know if there’s a way to set a minimum character length on an enrollment additional field. We have a purchase order field as a mandatory requirement for self-enrollment to our ILT sessions, but you can circumvent it by entering a single character or even a space.

Hey ,We have Discover Coach & Share on our platform and we would like to Hide the sharing option "Only me" in the channel.Has anyone been able to hide the option “ only me “ in the channel  . 

Here is another fun little HTML/CSS idea for all of you.A rotating text barrel.OK - maybe there is another name for this but I am going with the barrel.Here is the code needed to pull this off.As always - test with your platform for conflicts and let me know about any bugs with thisCSS for Branding and Look area /** Rotating Text Barrel **//** This block will help set the color and dimensions of your widget **/#barrel { background: #000000; height: 100px; width:100%; position: absolute;}/** This block will allow you to adjust **//** your positioning of the barrel **//** Set all values as desired **/#barrelBox { width: 50%; margin-left: auto; margin-right: auto; margin-top: 35px;}/** This block will set parameters on the static text **/.flipSign h3 { height: 30px; float: left; margin-right: 5px; color: #ffffff;}/** This block has general settings for the moving text **/.barrelText { float: left; overflow: hidden; position: relative; height: 25px; top: 0px;}/** T

Hi all, does anyone know if it’s possible to remove the unhide password field from the log in page? I have been looking into knowledge articles but can’t find the answer or the setting in advanced settings. 

How do you compactify?™/* compactify my profile buttons*/widget-action-button div.root.action a.mdl-button.mdl-js-button.text-main { height: 24px; line-height: 24px;}/********************compactify***********************//*compactify "my home page" bar*/div#page-title__wrapper { padding-top: 2px !important; padding-bottom: 2px !important; min-height: 50px !important;}/*compactify homepage widgets - make all UI boxes closer together*/.single-widget.ng-star-inserted { margin-bottom: 10px;}/*compactify homepage channels widget*/channels-content-wrapper.channels-content-wrapper-hide-info.channels-content-wrapper-cards-2 { padding-top: 0px; /*top padding overall*/}channels-content-wrapper.channels-content-wrapper-hide-info.channels-content-wrapper-cards-2 div.ui-carousel-info.ui-color-typography-primary { padding-bottom: 2px; /*between icon and "follow" on mobile*/}channels-content-wrapper.channels-content-wrapper-hide-info.channels-content-wrapper-cards-2 div.ui-carousel-items-wrappe

Hello All CSS experts...I have been using a CSS to auto expand but after the update, it no longer works. Any ideas?/* Auto-expand table of contents in courses with folders and hide down arrow */.chapters tree-view{    display: flex !important;}em.zmdi-chevron-down{    visibility: hidden;}/** Hide the Header Bar **/#doc-layout-title-bar {    display: none;}

Hey hey, I couldn’t find this issue anywhere but I know it has been done by some organizations.So here goes, I want to break out of the boundaries set by the HTML widget. Specifically, I would like to get to 100% width on the page to help create clearer sections of the pages. Hopefully the screenshots below will help illustrate what I’m asking about. Anybody figured this out and I willing to share?

Hello Community,We are trying to hide the option “Manage Users via CSV" using CSS for admin view using CSS?Does anyone know or have CSS to hide this option on the User Management page?  

Trying to create an HTLM page with background image though Docebo page? I am trying to create a page through HTML / WYSIWYG wizard, but background image is not getting populated. Is there any Docebo limitation?    

Hi everyone,  I just noticed this Channel icon appeared next to a Channel I have linked from the home page. Anyone know how to remove it? It’s the black box next to “Solutions.” Thanks!   

Hello,For some time now, I've been facing an issue, and I can't find any solution. Here is my problem: I can't seem to modify the text and background color of the elements inside a folder in my course. I'm sharing a visual of my issue along with the CSS code I've already entered.Code : Course :As you can see, I have several elements below 'Skills Obsolescence' that are not visible due to the color or a setting I am not aware of. How can I make them visible?You're welcome.

before and after (I have a few other tweaks in there too) /***************header and titlebar ***************************//* fancy header bar*/header.doc-layout-header div.doc-layout-header-bar doc-layout-internal-header { background: url(https://docebo-institute.s3.us-east-2.amazonaws.com/public/branding_hacks/breadcrumb-branding-header.png) repeat-x center; background-size: contain; background-color: transparent;}/* fancy breadcrumb bar*/doc-layout-breadcrumbs div.breadcrumbs { background: url(https://docebo-institute.s3.us-east-2.amazonaws.com/public/branding_hacks/breadcrumb-branding.png) repeat-x center; background-size: contain;}doc-layout-breadcrumbs div.breadcrumbs div.hierarchical-breadcrumbs ul li{ visibility: hidden;} /* hide breadcrumb text*/ doc-layout-breadcrumbs div.breadcrumbs div.navigation-history a { color: black;} /* black navigation-back text*//* fancy page title bar */doc-layout-title-bar div#page-title__wrapper { background: url(https://docebo-institute.s3.us-eas

I want to be able to add a title/subtitle between the catalog widget (highlighted) and search bar. The widget setting itself only allows titles and it will show above the search bar. Does anyone know what I can do? 

Does anyone know how to remove the text Points on the Contest Chart? I figured out how to remove the Rank and Star. But stumped on the Points or text displayed. I’m not sure if removing the whole column is an option. 

Hello, I am trying to add padding within the HTML/WYSIWYG widget and for some reason no matter what I do it will not work.  Anyone run into a similar issue?  Anyone have some code that I can drop in to reflect some space between the words and border?  

Good morning everyone,We would like to use a team email (we use Outlook) that we created as a "template" for all the notifications we send from Docebo. I've tried doing a simple copy and paste and also pasting the HTML code of the email but we can't visualize all the elements of the original communication (e.g. sources, external links, images, etc.).Does anyone know how to do in such cases to "convert" an outlook email into a template that can be used on Docebo?Thank you very much in advance.Edo

Hey Docebo friends! Is there a way to only change the background colour of the description toolbar or even the icon colours? My manager insists on having it grey but I can’t read / see the icons. Below is what it currently looks like.  Appreciate any help - my eyes are so sore! Thank you 

One of the choices in our test question has a superscript, and I thought using the tag <sup> could do the trick. It looks ok within the Question Bank, but when it’s being viewed on the test, the actual tags are shown as well:  I’m not very familiar with CSS or HTML coding, so I’m sure there must be a step I’m missing. Does anyone have a recommendation on how to fix this? Thanks in advance!  

Hi,I’ve made a few attempts to target the hamburger icon and change it to flat white with no success. Looking for code to do so. Thank you!

The add to calendar button doesn’t work for us. I was hiding it in the old player with this CSS:#doc-layout-action-buttons [aria-label="Calendar"] {display:none;} But I can’t seem to figure out how to do the same thing on the new course player. Does anyone know the class/ID that controls this, and what the aria labels are for the new menu? I want to hide the calendar as well as mark as outdated. Thank you in advance for your help!

OK, so all you CSS peeps out there...I have custom CSS that was created by people that are not me.  😀 Working on turning on Gamification and the layout when a user clicks on the trophy icon is not working. I know it’s my custom CSS because if I remove all of it, it display correctly.Can anyone help me determine what ‘stuff’ controls the Gamification displays? Image below is showing the issue… Thanks. 

Hello, We didn’t end up using this code, but I thought it might be helpful to others. It turns your hamburger menu into a 3 column “mega menu” top center using CSS-flexbox columns. It also makes the topbar “fat” plus a few other tweaks. Enjoy! Before:After: 

HI can anybody advise on removing the ID code from the course player?Ive tried using  subtitle-block ng-star-inserted {    display: none !important;But it did not work. any help?

Hello, Could I use CSS to create hoverovers for the calendar, so users wouldn’t have to click an event to see details? I assume not but figured I’d try. See below.