Q: Styling itemhead

[jwvanderbeck]

Hello all,

I recently picked up K2 as the base template for my blog i'm working on. I'm reading everythign I can find on customizing it since I have a design in mind that is a bit different than stock.

One problem i'm running into is on trying to style the "itemhead" div, where the title of the blog entry is along with the date. I've managed to get CSS that will modify the color of the text and move it around a tad, but I can't seem to find a way to alter the background. Ideally I want to alter the background so there is a bar behind the itemhead, as well as move the date up alongside the title.

Now I know I can modify the code to move the date up, and if I have to I can do that. I am however trying to see first if I can do it with CSS. As for the background bar, i'm totally stumped on that one.

If anyone could help me it would be most appreciated. Here is an image showing a mockup of the basic style i'm trying to achieve and show the itemhead effect i'm trying to achieve.

Thanks in advance for any help.
http://www.jwvanderbeck.com/fxcubed_design_5.jpg

[JohnW.]

This will probably put the date on the same line as the title. Then you could always use display: none; on a.commentslink if you don't want comments to show up.

small.metadata {
display: inline;
}

Once everything is on one line you could just set the background of the itemhead.

.itemhead {
background-color: #2D3235;
}

[jwvanderbeck]

John,

Thanks for the reply. The first bit of CSS did the trick to pull the comments/date up to the same line. Thanks.

However, the second bit of code to do the background has no effect.

EDIT: Thanks again.. apparently I somehow fubared the code for the background. I redid it and it works now *boggle*