Contempt Theme – Move Date in Custom Design Area

  • Author
  • #968209



    I have been working on customizing the contempt theme. I almost have it the way I want it except for the date. I would like it BEFORE the post title. The date is using the <small> tag. I can add padding to move it to the right and I can specify the font, size and even put a bottom border, but I can’t seem to find out how to move it to above the post title. Below is the style for the small tag. Any help would be greatly appreciated. Thanks.

    small {
    padding:0 10px 5px 0;
    font:italic 90% Georgia, serif;
    border-bottom:1px solid #fcc6da;

    The blog I need help with is


    This is a difficult thing to do with Contempt (which is a very, very, very old theme) because it does not have a parent div for each individual post. I can move the date up above the title, but if a title happens to go to two lines then the dat is going to end up superimposed on the top line of the title. There is a trick that can be used with themes where the post has an parent div, but that isn’t the case here.

    Give this a try, but I can’t guarantee that things won’t come undone if your post title goes to 2 lines. You can give that a try with a test post perhaps.

    .post {
    position: relative;
    .post h2, .post h2 a {
    margin-top: 60px;
    .post small {
    position: absolute;
    top: -40px;


    WOW, that did the trick! Thanks so so much, I really appreciate it!

    So now that I know the Contempt theme is so old, maybe I should try a newer one… I’m just trying different themes to see which one would serve the type of blogs I create for my clients.. 98% of them always have the same type of layout, which is what you saw on that sample..

    Thanks again, I so appreciate it!



    You are welcome.

The topic ‘Contempt Theme – Move Date in Custom Design Area’ is closed to new replies.