CSS Master Guide – how to target the right .class and #id

Using the console to inspect elements. The issue is the elements like buttons don’t have dedicated ID’s. So when you refresh the page there's the chance the CSS won’t apply as the element now has a different ID. 

There is an idea open to give elements dedicated ID’s which should help with lots of CSS customization.

we rely on Docebo for help and shares in the community...On occasion I do use a developer/coder for the more complex stuff...Did find some interesting code and options on the HTML/CSS discussion group

I use the Inspector.

I also use the inspector (and also rely heavily on our contractors).

Maybe we should create some kind of collective online Docebo CSS reference document, where we all add-in  all the CSS tricks we’re using?  It could be in the form of a wiki.  

You know what would be awesome from Docebo? A visual guide to their structure. Gravityforms for WordPress has this in their developer documentation, and it is a godsend! It looks like this:

Can you imagine how awesome our lives would be if we had that as a reference for Docebo? I know it would be tricky for widgetised pages because there are too many variables, but even if we just had a layout guide for each widget/element, that would help a lot.

Love the collaborative snippets wiki idea, too!

I didn’t realised we had access to anything like CSS. I thought Docebo locked their servers, code…. from us.

I am getting this wrong? or are you talking about the possibility to add custom CSS rules via the Admin dashboard?

You betcha!

You can tweak all sorts of things by putting in some of your own code in the Branding and Look section.

@gstager thanks for adding a comment bringing this up to the top in forums as I missed it the first time around. Like most I heavily do #1, and upvote the idea of a community group helping to put together some type of guide for at least the most common request areas, would be willing to help!

I love the idea of a master guide!