How to apply different styling when you’re open or closed

You may want to apply different styling to the We're currently open and We're currently closed text. For example: when closed, show the text in red. When open, show the text in green. Below is the CSS code to achieve this behavior. You can add CSS to your theme by going to your WP admin dashboard > Appearance > Customize > Custom CSS.

To style the text when you’re closed:


To style the text when you’re open:


Was this article helpful?

Related Articles