@longbowdesign There are different classes for the past, current and future days. In your browser, use the inspector tool (right click | inspect) to view the HTML and you’ll see this appear in the table rows.
If you want to apply your own styling, please add your CSS to your theme, Child theme’s styles.css, or within the plugin itself in the Additional tab under Custom Style.
I can assist if you need examples of CSS that you could use.
Thanks for your help. I’m not strong on CSS so yes please, I’d like some examples. I use Elementor, so most likely code add the code via its custom CSS feature?
@longbowdesign You can add these rules to the style sheet:
.opening-hours .today {
color: #35a954;
}
.opening-hours .closed {
color: #951a1a;
}
You will need to consider “today” and “closed”, perhaps have a class (.today.closed) for both.
Thank you. I’ll give that a try.
