11 Predictor design

00:00:04.800 –> 00:00:06.360
Hi there, welcome back. In this step,

00:00:06.360 –> 00:00:08.480
we’re looking at design changes for our

00:00:08.480 –> 00:00:11.320
predictor. We already set up the

00:00:11.520 –> 00:00:14.160
background images and changed some colors

00:00:14.160 –> 00:00:16.760
here within the predictor block itself,

00:00:16.960 –> 00:00:19.120
but there are also some real wide design

00:00:19.200 –> 00:00:21.760
changes you can make too. To go

00:00:21.760 –> 00:00:24.400
into the design changes, click on the

00:00:24.400 –> 00:00:27.040
palette icon on the leftI’ve created

00:00:27.840 –> 00:00:30.400
a palette called Game Day, but of course

00:00:30.400 –> 00:00:32.480
you can choose any of our default

00:00:32.480 –> 00:00:34.000
palettes as well or create a new one.

00:00:35.360 –> 00:00:38.240
And I’m going to customize it further.

00:00:38.880 –> 00:00:40.400
You can change the font to match your

00:00:40.400 –> 00:00:43.200
brand colors down here for

00:00:43.200 –> 00:00:44.960
any of the elements that you want to.

00:00:45.920 –> 00:00:48.200
And I’m going to, for

00:00:48.200 –> 00:00:50.960
example, I’ve switched off the

00:00:50.960 –> 00:00:52.440
block instructions because I don’t want

00:00:52.440 –> 00:00:54.640
this guess the score at the top, that’s

00:00:54.640 –> 00:00:57.360
up to you to have that there or not. And

00:00:57.360 –> 00:01:00.200
if you want to make specific changes to

00:01:00.960 –> 00:01:03.600
any element within the Riddle that you

00:01:03.600 –> 00:01:06.360
can’t already change here, I can use

00:01:06.360 –> 00:01:09.040
CSS, as I have done

00:01:09.040 –> 00:01:11.840
here, for changing the font and

00:01:12.080 –> 00:01:14.560
the position of that

00:01:14.560 –> 00:01:17.280
word within that

00:01:17.280 –> 00:01:20.000
card there. And you can do this with a

00:01:20.000 –> 00:01:21.640
business or enterprise account, use your

00:01:21.640 –> 00:01:23.360
own CSS, or use our

00:01:24.320 –> 00:01:26.640
snippet examples that we have on our help

00:01:26.640 –> 00:01:29.520
website. So that’s a

00:01:29.520 –> 00:01:32.480
further detailed customization

00:01:32.480 –> 00:01:34.160
that you can enable there. Umm

00:01:35.760 –> 00:01:38.240
So play around with that, and

00:01:38.720 –> 00:01:41.680
that is a design done so that it

00:01:42.160 –> 00:01:43.640
reflects the

00:01:44.960 –> 00:01:47.440
brand that you are representing or your

00:01:47.440 –> 00:01:50.320
own brand, as well as the use case

00:01:50.320 –> 00:01:53.120
here. and to make it

00:01:53.120 –> 00:01:55.120
fit in with whichever website you’re

00:01:55.120 –> 00:01:58.080
embedding or sharing this Riddle on.

00:01:58.560 –> 00:02:00.400
Thank you very much and I’ll see you in

00:02:00.400 –> 00:02:03.200
the next step for our predictor expert.