Need help with CSS injection

Hello,

I need help with setting the background color where one or more of the Appointment slots satisfies a certain criterion. If I can get one widget properly coloured, I can crib from that to sort the remaining widgets.

So, looking specifically at the 1st Appointment Slots widget, Tue 05 May .........

I want to change the background-color to (say) mediumseagreen for all the 4 slots described as "Main Hall" something or other. [Other slots will be coloured differently depending on which day and which activity is taking place (eg - Music, Dance etc).]

I tried using the attribute selector but I guess I just don't know enough about CSS to know how to get at the id (starting "main") or value (starting "Main") attributes. I'm sure this is an easy ask but I'm tearing my hair out (well .... what's left of it).

Grateful for your assistance

Allan G.

Please try the CSS Code below:

li.list-item:nth-child(1) {
   background: wheat;
}

Guide: How-to-Inject-CSS-Codes-to-Widgets

Simply change the number of child if you want to apply CSS to another option.

Perfect - thank you very much! 👍
A G
Get Outlook for iOS
________________________________
...