Tabula Rasa query

[boji]

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 layout

Comments

[stormy]

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:

.comment {border: 1px solid #000000;}

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!

[boji]

Thank you so much for this!

These tweaks were the easiest things I attempted this evening. And I have to say I have had some success (link to page with comments: see here if curious) with my tweaks.

As I added A LOT of CSS customization, can I ask if you'd be willing to take a look at my code for - er, sleeper gremlins - if I posted it into an entry?


I also wanted to ask you:

I noticed a set of entry-management-icons repeating in Tabula Rasa. They sit at the bottom of an entry AND the bottom of that particular entries comment box - and as much as I'd love to switch them off/delete the second set off the page, I can't even find them in layout coding.

Any idea how I could make them disappear? Or in which comm I could ask such a thing?

Thanks.

[foxfirefey]

Try:

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

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

Thanks & another question

[boji]

Thank you for your reply, which I greatly appreciated.

I regret to say that the code, as above, didn't work for me. That said, it was a good starting point and got me poking and tweaking CSS code for most of this evening. Barmy, I know!

All I can say is thank God for people who post CSS code with their new shiny layouts, so that those of us who are code illiterate can, read through, then poke, prod, pray and - fingers crossed - make some small improvement to our pages.

My commments 'page' now looks far, far better. Eg:

There doesn't seem to be a way to place the poster's id/ip in the header along with date and time, so instead I've switched off logging ip's of people who aren't anonymous. That should help me un-clutter.


One other thing remains, stubbornly in the bottom of the comment box (per entry, not per comment) a repeat of what I think must be: entry-management-links

They sit at the bottom of the entry AND the bottom of the particular entries comment box.

I'd love to switch them off/delete them. Any idea how I could do that? I did take a peak at my CSS layout code in Advanced Customisation but nothing looks apt.

Any advice will be cherished.

Thank you.

Re: Thanks & another question

[foxfirefey]

There probably is a way to do what you want to do, even if it means changing the S2 code rendering a comment. Unfortunately I'm kind of hindered in this case because I can't actually see where the IP display is or what it's doing in your case, since those don't show to me!

If you don't want the bottom entry management links to show I think the appropriate CSS is:

.bottomcomment .entry-management-links {display: none}

If you really want to get down and dirty with CSS coding and exploring it, I cannot recommend Firebug enough if you have access to Firefox. It will let you select an element, highlight it in the HTML of the page to see what ID it has or classes it belongs to, and also show you the CSS that applies to it. It's amazing. You can even use it to edit the CSS on the fly to test out what the changes you want to make do before you put them into the CSS for your layout.

Re: Thanks & another question

[boji]

I had no idea that the page - with comments - would differently to you (i.e. in regards to login etc) I've grabbed and hosted a screen capture shot here.

That said am off to try and tweak the entry.management.links.

Wish me luck.

Thank you for the firebug recommendation. I will check it out. Am a Camino girl for the most part but am happy to download and use Firefox is it helps me get a handle on this. Really I am.

Thanks again!

Re: Thanks & another question

[boji]

YES! Thank you!

bottom entry management links have vanished. Seriously, you are a marvellous font of wisdom. Why oh why isn't there an easy list of such terminology that newbie's can scroll through and poke at?

*Grin*

Re: Thanks & another question

[stormy]

Ah! I see it was fixed for you already! Glad you were able to overcome the extra links! ♥

gasp!

[stormy]

I have never heard of Firebug! I've always manually hunted down the code I needed and changed it. I'll have to try that out.