Hi - this comes up fairly often around here, unfortunately this is not solvable via CSS alone. The problem is that the structure of the drop down does not exist until you interact with the dropdown the first time, so you would require some type of script to first interact and open the dropdown on page load, which is not a supported technique (adding scripts) by the platform currently.

Ideally, they would give us an option of open/closed default status, or restructure the underlying setup so that the details are there and we could then use CSS to override it.

Make sure to vote for this idea:

Provide Join Webinar button on the session list | Community (docebo.com)

@Bfarkas Thank you for the update! That makes sense. I’ve gone ahead and voted for the the idea. Hopefully this gets bubbled up near the top of their roadmap

Agreed, it is a silly interface choice. There must be more happening behind the scenes we don’t realize otherwise the content would be there on page load too. 

I was just about to post the same question. Was really hoping there was a workaround for this. 

Only workaround is to inject a script that clicks the dropdown on page load, and thats very much not a supported thing in Docebo, so not going to post directions, but if you feel comfortable doing a script, and figuring out a way to inject it to those pages…..

Alan has a nice way to add a message to remind folks on the page to open the drop-down, silly from user experience, but best we can do for now, might want to consider.