Aug
20
Filed Under (Blogging, CSS, WordPress) by Elizabeth on 20-08-2008

Every time I think I’ve found the perfect theme for one of my blogs, something goes wrong with it. This time it’s with MomReviews, I had this theme I loved called “Greeny”, with great alternating bars of color dividing the header from the body and the main column from the sidebars, and it was working just fine until I had a designer friend widen the sidebars and increase the size of the background. I don’t think she did anything wrong, but the theme is not working correctly at all. The permalink structure is messed up, the widgets are doing weird things, and I just want people coming to the site to see a clean, easy to read and easy to navigate page.

SO, since this is my “test” blog for themes, it might look a little strange while I work out how to replace the header with my own for MomReviews. I swear, some days I just want to go back to the Wordpress Default theme!

Feb
04
Filed Under (CSS, WordPress) by Elizabeth on 04-02-2008

I’ve uploaded a new theme to play with, I’m trying to see if I can use my new found Photoshop skills to make a custom header for Momreviews. I think this one might work if I can jazz it up with some better colors.

Jan
11
Filed Under (CSS, WordPress) by Elizabeth on 11-01-2008

I’m playing around with a new Wordpress theme to install on a different blog, this is pretty much my “test” blog. So things might look a little weird here today!

Question-Why is the Technorati button showing up above the Searchform, even though I’m listing it BELOW the code for the Searchform? Hmmmm…..

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 :)