1
00:00:02,220 --> 00:00:08,400
To fix up that broken system selecter or that conflicting class name, we're going to add in a new CCWs

2
00:00:08,400 --> 00:00:14,220
filed to our project, and then we're going to add in a really strongly specified selecter to say that

3
00:00:14,220 --> 00:00:19,260
if we ever have a element with a class name of title inside of our markdown, Ed, we do not want to

4
00:00:19,260 --> 00:00:23,630
allow Balma to mess around with a line height, font weight, font size and all that kind of stuff.

5
00:00:24,360 --> 00:00:28,290
So to get started, I'm going to first go back over to my editor and create a new.

6
00:00:29,550 --> 00:00:30,660
Text editor.

7
00:00:32,700 --> 00:00:33,750
Access file.

8
00:00:34,710 --> 00:00:37,950
And then going to immediately import that into our text ed component.

9
00:00:41,960 --> 00:00:46,820
And inside the txt file, we're going to add in a selector, as I mentioned, that's going to find that

10
00:00:47,150 --> 00:00:53,180
title element inside the pre and attempt to unset its line, height, font, weight, font weight or

11
00:00:53,360 --> 00:00:54,500
font size and so on.

12
00:00:54,960 --> 00:00:56,600
It's going to do a selecter of dot.

13
00:00:57,800 --> 00:00:59,510
M.D. Ed.

14
00:01:03,840 --> 00:01:15,810
Then a line height of unset important, a font size of unset, important in a font weight of onsets

15
00:01:15,810 --> 00:01:16,340
important.

16
00:01:16,690 --> 00:01:21,030
Technically, the importance are not really necessary in this case, but I think we could actually remove

17
00:01:21,030 --> 00:01:21,930
them if we wanted to.

18
00:01:21,930 --> 00:01:26,370
But let's just going to run this as is just to make sure that it fixes up our problem.

19
00:01:27,180 --> 00:01:33,720
Now, if we flip back over and do a full refresh Nashville to put in a pound or whatever, and everything

20
00:01:33,720 --> 00:01:35,100
is working as expected.

21
00:01:35,840 --> 00:01:38,550
I can now do a inspection on that.

22
00:01:39,950 --> 00:01:42,860
Look inside the press, find that span once again.

23
00:01:44,020 --> 00:01:49,480
So here's the span with a class name of title on it, so here's the selector and the rules we just added

24
00:01:49,480 --> 00:01:52,590
in, and those are definitely overriding the ones that are coming from Beaumont.

25
00:01:53,050 --> 00:01:58,600
But of course, it is only overwriting these rules inside of the markdown, Ed. It is not generally

26
00:01:58,600 --> 00:02:02,750
overwriting the title class name because that would break all the styling tied to Boerma itself.

27
00:02:03,490 --> 00:02:04,960
So this is a reasonable solution.

28
00:02:04,960 --> 00:02:07,540
But as I mentioned, we probably don't need the importance on here.

29
00:02:07,780 --> 00:02:10,840
I just wanted to make sure that these rules actually were applied.

30
00:02:11,300 --> 00:02:13,150
So I'm going to remove the importance.

31
00:02:15,090 --> 00:02:18,330
And then if I refresh again, yep, still works.

32
00:02:19,900 --> 00:02:21,470
I accidentally clicked.

33
00:02:21,490 --> 00:02:23,140
Help me get back in once again.

34
00:02:24,450 --> 00:02:25,170
There we go.

35
00:02:26,120 --> 00:02:27,160
You find the pre.

36
00:02:28,290 --> 00:02:31,530
There's the title, class name, and, yes, our rules are still being applied.

37
00:02:32,200 --> 00:02:33,690
OK, let's say this looks pretty good.

38
00:02:34,790 --> 00:02:41,630
Well, now that we've got this fixed, let's start to address this in a UN drag down here that does

39
00:02:41,630 --> 00:02:46,730
not look like all of our other Jaggers and also the fact that we've got that little bit too long vertical

40
00:02:46,730 --> 00:02:47,410
divide as well.