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:

15 January 2019 02:00 AM
Manchester City 3 Wolverhampton Wanderers 0
13 January 2019 10:30 PM
Tottenham Hotspur 0 Manchester United 1
13 January 2019 08:15 PM
Everton FC 2 AFC Bournemouth 0
12 January 2019 11:30 PM
Chelsea FC 2 Newcastle United 1
12 January 2019 09:00 PM
Crystal Palace 1 Watford FC 2

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;
}