boji: (Default)
boji ([personal profile] boji) wrote in [community profile] getting_started2010-04-01 03:33 am

Tabula Rasa query

I built my layout using Tabula Rasa, and the theme wizard. Googled my way to adding a pinch of CSS code (while being utterly code illiterate) so my icons right justify and there's an added border on the left. I really like what I was able to achieve.

BUT I'm looking for some help in tweaking the look of comments on the page i.e. here. They look too cluttered to me.

What really I want to do is find a way to let the date/time of the comment and the user details (IP Address) be in a far smaller font, or be outlined in a box, so that they don't detract from whatever the actual comment is.

Can anyone help? And how complicated would this be to code so that only the comment boxes changed?


x-posted to [community profile] layout
stormy: βͺ ππŽπ“πˆπ‚π„ ❫ 𝑫𝑢 𝑡𝑢𝑻 𝑻𝑨𝑲𝑬 𝑴𝒀 𝑰π‘ͺ𝑢𝑡𝑺 ⊘ (Default)

[personal profile] stormy 2010-04-01 06:05 am (UTC)(link)
If you just want a simple box around each comment, you can add the following to your CSS and tweak it as you see fit:



Of course, it's also possible to add a different background color in there, too. If you want to change just the header of the comment - which is the date/time, subject, etc. and just put a box around that change .comment to
#comments .header

Let me know if you have any other questions. I'd be happy to help!
Edited (Woo, night time coding makes for a slow Stormy!) 2010-04-01 06:09 (UTC)
foxfirefey: A fox colored like flame over an ornately framed globe (Default)

[personal profile] foxfirefey 2010-04-01 07:29 am (UTC)(link)
Try:

div.comment span.poster-ip, div.comment span.datetime { 
  font-size: 90%; 
}


You can tweak with the font size there, of course.