So far I have learned how to "install"fonts into the code and change the colors. I'm still trying to figure out why, the code works the way it does (because I'm weird and want to know things like that). Here's how I've done it:
I copied the link given in google fonts before the <b:skin> thingy....(hehe...still need to figure this out)
<link href='https://fonts.googleapis.com/css?family=Oleo+Script:400,700' rel='stylesheet' type='text/css'/>
<b:skin>
then....changed the font type below to match:
I have also learned that to change the color of things, I should change the value color and not the default color. Again, I don't know why, but I shall find out...I SHALL!!!
<Variable name="link.hover.color" description="Hover Color" type="color" default="#33aaff" value="#778899"/>
Furthermore, I have learned that to center the title of my blog, I needed to add this line of code before the closing </b:skin>
#header-inner img {margin: 0 auto !important;} #header-inner {text-align:center !important;}]]></b:skin>
I added this through the add CSS option in the advanced layout options, at the advising of this one website I found, then went looking for the change in the code(searched for the header-inner).
<Group description="Blog Title" selector=".header h1" align="center">
<Variable name="header.font" description="Font" type="font"
default="normal normal 60px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 60px Oleo Script"/>
</Group>
One of my next goals is to find where my posts are in the code and how to edit styles there...Well...that's all for today!
