So, what we need to do is copy the names of the CSS classes we want to control. In the first case, the class is called "site-title a". The "a" refers to the fact this is a link.
Now head over to the other tab with the Child theme editor and paste it in:
Now press space bar, and add a curly bracket, like this: {
Press enter a couple of times and add an opposite bracket like this: }
The brackets simply tell the computer where the class starts and finishes. Everything we code for the theme will go in the middle of those brackets.
This is the syntax for CSS:
identifier:value;
Don't let that scare you; it's exactly the same as what we saw in the web inspector.
So to make our title purple we can type incolor:purple;
That's not too hard?
Note: you need to add a semi-colon at the end of every line you add. This tells the computer where each line ends.
Colors can be entered either as names (although there is a limited number of those) or as hex numbers (which give you many many more options.
Here is a site that can give you the hex code for different colors (this site labels the hex code as 'HTML' code). With that in mind let me adjust the color of the header to a hex code:
Now we can Update the file and reload our website to see what it looks like:
If we want to increase the size of the title we can just add another line of code:
Pretty simple so far?
Let's look at changing up the main text.
Thanks again for doing this tutorial.
Charlie