DISQUS

Clever Doll · 8 months ago

Nice work on the css modifications to the FF widget. You are right, the underlined hyperlinks were an eyesore. I will link to your post for all the useful css changes you have implemented.

Clever Doll · 8 months ago

This is off topic, but I just got a copy of Vonnegut's Slaughterhouse 5 last week and opened the first page today and the first line sounded very familiar. Why, its your blog's tagline! "It happened more or less". Quite a coincidence, huh?

Robert · 8 months ago

Nice coincidence indeed! What's funny is when I put that tagline way back when, I didn't even realize I was taking it from Slaughterhouse-Five, despite having read it dozens of times. It wasn't until after Kurt Vonnegut passed away that I realized. Thanks for noticing!

Arasmus · 8 months ago

Thanks for the play-by-play from the Wordpress perspective. I am even more of a newb re CSS. As you can see I have just used the HTML embed but my wishlist is exactly the same as yours above (the aesthetics have been driving me nuts for over a year) - is there any way that I can adjust the HTML to achieve what I want?

Robert · 8 months ago

Glad to help. I looked into what you're describing. I'm not sure how exactly you were hoping to make the images look, but from what I can tell you need to look for the CSS code that starts ".friendfeed.widget .feed .entry .media img {...}", and adjust the default styles between the curly brackets to fit your needs. You can't actually change any of the html, though, because that's being pulled into your site via JavaScript; to alter that, you'd need to be able to change it at the source, which you can't.

Word of warning, though: That particular element string will change how ALL of your images look, not just Amazon wishlist items. Friendfeed doesn't differentiate or apply classes to WHERE the feed is coming in from. Be warned, too, that any pulls from video sites will also be affected by whatever styles you apply, since those are being displayed in your lifestream as thumbnails.

Hope this helps, and don't forget the !important at the end of your styles!

Arasmus · 8 months ago

Thanks very much for taking the time.

Robert · 8 months ago

No problem at all! I'd love to see what you do with the images. I, too, am a little underwhelmed by how they appear by default.

René Fischer · 8 months ago

Great tutorial at all. Thanks!

One question: How did you resolve it that the names of the comment autors are in the same line as the comment (if there is space enough)?

Robert · 8 months ago

I actually didn't do anything to the comment author section; by default it just put the author's name inline. If you have a situation where it\'s disappearing off to the right, it could be related adding the \"white-space: normal !important" as described above.

I dug around and it looks like you should be able to tweak the look of the comment author by adding some CSS to .friendfeed.widget a.l_person. I don't have any multi-comment posts, though, to see if that class only gets assigned once. (Note, that's a lowercase L, not a one!)

What is it you're trying to accomplish?

René Fischer · 8 months ago

Cleverdoll solved this issue (http://cleverdoll.com/lifestream-with-friendfeed/... Anyway, thanks a lot :-)

The reason was some mistakes with the inherited declaration in my stylesheet.