Simpla Way: CSS

SimplaWayThis is the second in a series of posts about the current appearance of this blog. The first post explains why I’m blogging here at, and using the Simpla theme.

This post is about Custom CSS. Although blogging at is free of charge, there is a charge for custom CSS. For me, control over my blog’s style sheet is well worth the ~US$1/month; for others, it’s not worth it. If you have a blog, you can go from Dashboard to Presentation to Edit CSS, and preview the feature.

Note that: “Your stylesheet will be loaded after the theme stylesheets, which means that your rules can take precedence and override the theme CSS rules.” Most of my stylesheet came from cutting and pasting from the Simpla stylesheet, and replacing values.

But the CSS for images came from the stylesheet for my previous blog. I like images at the right of posts, with a little room to breathe.

#content img {

I wanted the main heading for the blog to be more prominent than the Simpla default, so I made it twice the size of the post heading.

#header h1 {

I wanted the date of each post to be formatted consistently with the post metadata that appears at the foot of the post. In fact, I think that the date is post metadata, and as such belongs with things like the category. But CSS doesn’t control the placement of text, just the style. So the best I could do was copy and paste the formatting from the post metadata to apply it to the date.

.entrytitle h3 {
font-family:Georgia, "Times New Roman", Times, serif;

Turning now from the content to the sidebar, the Simpla CSS gives too much separation between the items on the Blogroll list for my taste. So I took out the dotted line it uses as a separator. But I used it to separate sections of the sidebar from each other.

#sidebar h2 {
border-top:1px dotted #ddd;
#sidebar ul li {

Mention of the sidebar brings me to sidebar widgets, and to the third post in the series.

11 thoughts on “Simpla Way: CSS”

  1. thanks for your info.
    But i have question,…

    1.What css that i must change if i want to make style for blockquote, example blockquote with border-left or image background etc

    2.What about gravatars? can i add it into my blog? i try to use garavatrs2 plugins but i dont konow about css so its have bad result. also with asey gravatars plugins. i have problem with customize css…


  2. I tried the following, and it sort of worked:
    .postedby {
    .filedto {

    By sort of worked I mean that it leaves a gap where that post metadata used to be.

    Your blog looks great. I would move your subscribe to feed icon further up, but apart from that, I don’t see anything I want to change.

  3. Thank you, i will try that. i`ll change the header yesterday so its more personally. 🙂
    then i tryed to change fontcolor under “superjanne” from grey to red but i cant find the code.
    only thing who chanes was the datecolor :/

    what entrycolor is the right?

    Love from Norway!

Leave a Reply

Your email address will not be published. Required fields are marked *