Well, actually they're not permanent. Changing parameters in the web inspector is all fine and dandy but it isn't going to be lasting - it's only changing for us. What we need to do is put the code in our child theme's file in order to tell Wordpress how to render the page.

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 in

color: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.





Join the Discussion
Write something…
Recent messages
firstburn Premium
can u create a forumn page in your wordpress site
Reply
mhamilt Premium
Yes, although it gets a bit tricky. I'm not sure why you'd want to, the comments section on blogs is usually sufficient for user interaction. This plugin may help: http://wordpress.org/extend/plugins/mingle-forum/
Reply
firstburn Premium
i have a blogg i left 4 yrs called breaststrokeforbegginers.wordpress.com because i could not put and adsense code to it. i think with this tutorial i might start using wordpress again.
Reply
Kyle Premium Plus
Wordpress is definitely a wonderful platform...it is not perfect, but it is has come a long way and it sure beats the old days of building websites from scratch!!
Reply
mhamilt Premium
Yeah, I tried Wordpress even just three years ago and hated it. Now I couldn't imagine using anything else! And it gets better on a very regular basis.
Reply
Denisara Premium
firstborn - you could not put adsense codes into breaststrokeforbegginers.wordpress.com because you were using the free wordpress version (yoursite.wordpress.com). If you owned your site it would be yoursite.com. You can't monetize a free wordpress, or blogger etc. You have to 'own' your site to be able to do that.
Reply
Kyle Premium Plus
Excellent training Mark...this is going to be valuable for many!
Reply
BIS Premium
Very useful tutorial which is very easy to follow.

Thanks

Beverley
Reply
mhamilt Premium
Thanks Beverley!
Reply
SquidooSlfMstr Premium
Well written tutorial, Mark! Do you know if you do your site customization on the parent theme, do you lose all that when the theme owner makes updates? Is this why you would want a child theme?

Thanks again for doing this tutorial.

Charlie
Reply
mhamilt Premium
Yes, this is one of the reasons why child themes are good - you do lose any changes made if the theme you're using is updated.
Reply
Top