Gamebox

Gamebox is the static floating bar. Use place a gamebox, simply use shortcode [wpse_gamebox competition='comma separated competition id'].

Note: You must use one or multiple competition id with this shortcode, otherwise this shortcode won’t output anything.

Demo:

12 May 2019 08:00 PM
Tottenham Hotspur 2 Everton FC 2
12 May 2019 08:00 PM
Southampton FC 1 Huddersfield Town 1
12 May 2019 08:00 PM
Manchester United 0 Cardiff City 2
12 May 2019 08:00 PM
Liverpool FC 2 Wolverhampton Wanderers 0
12 May 2019 08:00 PM
Leicester City 0 Chelsea FC 0

gamebox resizes based on screen size automatically

Styling Gamebox

You can not change the color of the gamebox as like you can change the colors of the bar. However, you can use custom css.

To do so, add an id parameter on your gamebox shortcode. ex:
[wpse_gamebox id="my_gamebox" competition="1, 2" statuses="fixture, result, live" competition_view="toggle"]

Then, on the custom css, use the id to color child elements –

#my_gamebox .games .match_date{
background-color: #000;
}
#my_gamebox .games .match_wrap, 
#my_gamebox .loadless a, 
#my_gamebox .loadmore a, 
#my_gamebox .no_match{
background-color: #999;
}