To fix up that broken system selecter or that conflicting class name, we're going to add in a new CCWs
filed to our project, and then we're going to add in a really strongly specified selecter to say that
if we ever have a element with a class name of title inside of our markdown, Ed, we do not want to
allow Balma to mess around with a line height, font weight, font size and all that kind of stuff.
So to get started, I'm going to first go back over to my editor and create a new.
Text editor.
Access file.
And then going to immediately import that into our text ed component.
And inside the txt file, we're going to add in a selector, as I mentioned, that's going to find that
title element inside the pre and attempt to unset its line, height, font, weight, font weight or
font size and so on.
It's going to do a selecter of dot.
M.D. Ed.
Then a line height of unset important, a font size of unset, important in a font weight of onsets
important.
Technically, the importance are not really necessary in this case, but I think we could actually remove
them if we wanted to.
But let's just going to run this as is just to make sure that it fixes up our problem.
Now, if we flip back over and do a full refresh Nashville to put in a pound or whatever, and everything
is working as expected.
I can now do a inspection on that.
Look inside the press, find that span once again.
So here's the span with a class name of title on it, so here's the selector and the rules we just added
in, and those are definitely overriding the ones that are coming from Beaumont.
But of course, it is only overwriting these rules inside of the markdown, Ed. It is not generally
overwriting the title class name because that would break all the styling tied to Boerma itself.
So this is a reasonable solution.
But as I mentioned, we probably don't need the importance on here.
I just wanted to make sure that these rules actually were applied.
So I'm going to remove the importance.
And then if I refresh again, yep, still works.
I accidentally clicked.
Help me get back in once again.
There we go.
You find the pre.
There's the title, class name, and, yes, our rules are still being applied.
OK, let's say this looks pretty good.
Well, now that we've got this fixed, let's start to address this in a UN drag down here that does
not look like all of our other Jaggers and also the fact that we've got that little bit too long vertical
divide as well.