I've been taking the HTML course at w3schools on CSS. the syntax is really straight forward and I have figured out how to code some of it in-line, in the head, and in style sheets. Once I had some of that figured out I was actually able to make some changes to a friends site with a few bits of code. It had been suggested that the contrast on the font color was not high enough, but the theme had no option to change the color to something better.
The Code
.widget, .sidebar h6 {
color:#10C7B4;
}
Above are the only lines contained in the style.css in the child theme. Thats all it took to make all the sidebar font colors the same.
Below is the code I put in the style sheet of this theme's child, it makes the green on black text boxes for the HTML tag, pre. This way any text with the pre tag will get the same color styles.
pre {
background-color:black;
color:lime;
}
How I found the object elements .widget and .sidebar
I use Firefox as my web browser. Firefox has a great debugging tool. You right click on the element you want to change select Inspect Element and it gives you a ton of info on the element, basically a template to modify the element, then its a matter of using the CSS syntax to change what you want about the element.