Contempt Theme – Move Date in Custom Design Area
-
Hello,
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.
Pamela: http://theposhbox.wordpress.com/small {
margin:0;
padding:0 10px 5px 0;
line-height:1.5em;
font:italic 90% Georgia, serif;
color:#f7528d;
border-bottom:1px solid #fcc6da;
}The blog I need help with is: (visible only to logged in users)
-
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!
Pamela
-
- The topic ‘Contempt Theme – Move Date in Custom Design Area’ is closed to new replies.