Highlight current day | WordPress.org

[ad_1]

@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.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer