Oh! I completely forgot to wrote this in!
I had some major problem with my CCS theme (Simple Grunge Theme, in this case), and took me hours of google and testings to fix it. I have some basic knowledge of html – enough not to freak out to much after looking at the CCS codes, anyway. Afterward, I was so tired, I completely forgot to record it down!
The main problem with the Theme is that 1) Can’t doublespace, so the paragraphs squeezed together. 2) After an attempt to fix it, the words runs out of the borders that it was suppose to stay in.
First step of solution – find where I can correct the CCS.
It was surprisingly easy (Gotta love wordpress). I went to Design, then Theme Editor. At the right hand side, there is a line that says ” Select theme to edit”. I selected my theme, and clicked… “Select”
Before I edit, I have to prepare!
I wasn’t familiar with how CCS theme look like, so I downloaded about 6 or 7 other themes that I like and had a quick scan.
I made a extra copy of my current theme, Simply Grunge, on a Text Editor (I use OpenOffice. A free word editor VERY similiar to Microsoft, but free and totally Mac friendly. None of the silly 98 switch to Vista mess either, completely client-oriented… but I will save that for another blog entry…)
Conclusion after reading all the google search and theme CCS, as well as some playing around with the theme’s CCS:
It appeared that changing the “body” wouldn’t do much good. It changed everything I don’t to change, or it changed the good and the bad so that the good become bad.
I had to narrow it down.
Which (the code) turned out to so simply once I get it, I wanted to banged my head against the wall for all the idiotic time I spent researching. Which kind of made sense, the code-writer didn’t made it to torture us after all.
If I look down, the “right” refers to the right, main, blogging column of my blog. The “left” refers to the left, menu-like, function-central part of my blog. Simple, right?
Now moving down. There were labels like “right title” “right h1″. All looked like alien language to me (Well, I know some html, but I learnt it in middle school!!! Ok, I know “h” refered to header, but everything looked like a header! Ok, I will shut up now so I don’t look like an idiot.)
What I needed, was right (or left, if I wanted to fix the menu bar) p.”right p(” is what it should look like. I believe it refers to the paragraph style at the right side.
I changed the line height and the margin bottom (more like I added it? Don’t remember…), so now it looks like:
I have no idea what em and px mean, right now at least. And I am too lazy to google it.
*Yawn* Ice skated the whole day today, after not skating since summer… me tired…..
Anyway, it worked, even without knowing the full CCS vocabulary. One step at a time, I guess.
I did some similiar editing for the left side: played around the numbers and added some extra words. That’s why I wanted the original version saved on an editor, so I could fix it if some numbers or wording creates some bizarre results. (Which it did. Some of my post disappear completely when I made some of the numbers too big).
A lot was about basic understanding of what words like headers, titles, left, right meaned in English language, and then tried to guess what it would mean in my blog’s design. A lot of the words – I didn’t google for its meaning; I just guess and checked.
If I have to pick one of the most important thing I learnt about graphic design in my freshman year at Cal Poly, it would be that something is just about experience. You learn something, even if you failed to make the image you want. In another word, most things in graphic design is just about trying, even if it makes some weird, weird, WEIRED results. And I made some really weird things happened before… on the screen… to the computer… in school… in my macbook………
Can’t even create complete sentence now… must sleep… zzzzzzzz……… *Head hits table*