Nov
24
Filed Under (CSS) by Elizabeth on 24-11-2007

Who knew? Not me! I’ve had my own domain for over a year, and CSS is still a mystery to me. A blog friend asked me if I knew how she could double-space her post text, and I suggested she contact another friend of ours who creates blog themes.

Turns out that what we think of as “spacing”, a holdover from typewriter days, is actually padding coded in between the lines of text. Like this:

In your style.css file, look for this part:

div#blog #blog_left .text{
color:#7f7f7f;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:24px;
padding-top:5px;
padding-bottom:5px;
padding-left:3px;
}

Change the line height to 15px.

Now look for this part (it’s down just a little).

Quote:
div#blog #blog_left .text p{
padding:0px;
margin:0px;
}

Change the padding to 5px. That’s it.

One of these days, CSS is going to make sense to me, I just know it :)

Comments

Connie (1 comments.) on 9 December, 2007 at 6:36 am #

Now this is info I need. My blog’s spacing is off. I think I did something when I was trying to increase the font. It’s all mumbo jumbo to me…


Anna (3 comments.) on 21 December, 2007 at 4:53 pm #

I love CSS! I used to feel so helpless when it came to web pages. It would look good on my screen, but get all messed up on other people’s screens. Web pages still do that, especially in that IE browser, but with CSS, I have much more control.

Here’s a really good page - CSS Basics - for explaining CSS, what it does and how to use it.


Post a Comment
Name:
Email:
Website:
Comments:

Comments protected by Lucia's Linky Love.