5 Leaderboard design

00:00:04.240 –> 00:00:06.720
Hi there, welcome back. You have your

00:00:06.720 –> 00:00:08.680
leaderboard in place so you’re actually

00:00:08.680 –> 00:00:11.680
ready for it to go live and

00:00:11.680 –> 00:00:14.480
to use it, but of course a big step

00:00:14.480 –> 00:00:17.480
for a lot of brands is to adapt

00:00:17.480 –> 00:00:20.160
not only the settings but the design

00:00:20.240 –> 00:00:22.960
to the look and feel

00:00:23.400 –> 00:00:25.840
of everything else on your website or for

00:00:25.840 –> 00:00:27.280
the environment where you want to put

00:00:27.280 –> 00:00:29.680
this leaderboard or your quizzes.

00:00:30.480 –> 00:00:33.360
So, if you want to adapt the design

00:00:33.360 –> 00:00:35.920
then go to palette in your leaderboard.

00:00:36.560 –> 00:00:39.560
And I’ve used or created a

00:00:39.560 –> 00:00:41.600
palette called sports quizzes but of

00:00:41.600 –> 00:00:42.100
course you can use any of our

00:00:42.100 –> 00:00:45.040
templates here or use your own

00:00:45.920 –> 00:00:47.360
that you have already for any of your

00:00:47.360 –> 00:00:49.120
projects. And

00:00:50.880 –> 00:00:53.560
within that, you can customize it. Apart

00:00:53.560 –> 00:00:55.320
from fonts, you can also switch off the

00:00:55.400 –> 00:00:57.600
block instructions, like with any Riddle.

00:00:57.600 –> 00:00:59.840
So that leaderboard label has gone now.

00:01:00.640 –> 00:01:02.880
I can change the border radius around

00:01:02.880 –> 00:01:04.800
here using this

00:01:05.360 –> 00:01:07.680
function here. I like it with the

00:01:07.680 –> 00:01:10.640
rounding. And then of course

00:01:10.640 –> 00:01:13.640
colors so you could change any

00:01:13.640 –> 00:01:16.640
manner of colors here, I would like

00:01:16.640 –> 00:01:18.320
to change the button color for

00:01:18.320 –> 00:01:21.240
example down here. Change it

00:01:21.240 –> 00:01:23.560
to a gray color.

00:01:25.840 –> 00:01:28.360
And you could do the same thing for the

00:01:28.400 –> 00:01:30.800
other elements in here, taking it

00:01:31.600 –> 00:01:33.760
into CSS if you have a Business or

00:01:33.760 –> 00:01:35.680
Enterprise account and you want to really

00:01:35.680 –> 00:01:37.920
target specific elements within this

00:01:37.920 –> 00:01:40.800
leaderboard. Okay so

00:01:40.800 –> 00:01:42.880
that’s design. I’ll see you in the next

00:01:42.880 –> 00:01:45.680
step for another configuration for our

00:01:45.680 –> 00:01:48.560
leaderboard, and yeah, as always feel free

00:01:48.560 –> 00:01:50.240
to ask us if you have any questions. I’ll

00:01:50.240 –> 00:01:51.160
see you in the next video.