Join the Voxel Guide Community!
Get Involved
This is intended for someone using a child theme and is happy adjusting code / playing with code.
First off you need to find the work hours template file, it’s located in Voxel >> Templates >> Widgets (it’s called work-hours.php). Then follow these steps:
1. Copy that file into the same hierarchy of your child theme (Child Theme >> Templates >> Widgets) – you will need to create the folders
2. Once the file is in there, open it and then find line 79
3. That is currently (v 1.5.2) a single
This is the code to replace at line 79 (currently) of the work-hours.php file you have copied across to your child theme
<li class="<?= $key === $today ? 'today' : '' ?>">
Here is the code to go into functions.php
// Add a CSS class for highlighting today's day in the work hours table.
add_filter('body_class', function($classes) {
$classes[] = 'highlight-today';
return $classes;
});
Finally the CSS needed, be sure to change this to suit your branding
/* Work Hour Amends */
/* background color */
.highlight-today .ts-work-hours-list li.today {
background-color: #2A4635;
}
/* text colour of highlighted day */
.highlight-today .ts-work-hours-list li.today p, .highlight-today .ts-work-hours-list li.today span {
color: #FBF5D5 !important;
}
