0

FriendFeed offers a widget with some CSS customization possible. But it seems you can't remove the border (the blue big one around all cotent)? The widget has a URL like

http://friendfeed.com/embed/widget/FOOBAR?v=2&num=30&hide_logo=1&hide_comments_likes=0&hide_subscribe=1

where FOOBAR is a user name.

qazwsx
  • 25,536
  • 30
  • 72
  • 106

1 Answers1

1

In the CSS try for v3:

#friendfeed.widget { border: 0 !important;}​

or this for v2:

.friendfeed.widget { border: 0 !important;}​

If you also want to remove the logo at the top, add:

#friendfeed .logo img { display: none; }
smang
  • 1,187
  • 10
  • 23
  • The first didn't remove the border. Any other idea? – qazwsx Aug 18 '12 at 04:39
  • It seemed to work for me on Chrome and Firefox. Check out the [JSFiddle](http://jsfiddle.net/d9bdH/1/) – smang Aug 18 '12 at 05:51
  • That's because you are using `v=3` while I'm using `v=2`? – qazwsx Aug 18 '12 at 13:14
  • Could you explain a little why `#` for v3 and `.` for v2? – qazwsx Aug 18 '12 at 22:56
  • In v3, friendfeed uses
    and in v2 friendfeed uses
    . In css, you use the '.' notation to correspond with a class, and the '#' notation to correspond with an id
     – smang Aug 19 '12 at 01:44
  • Thanks for the input. "friendfeed widget" with the space means using a class in a class? Where did you see the `
    ` code?
     – qazwsx Aug 19 '12 at 15:24
  • 1
    If you are using Chrome, you can right click on the JSFiddle instance (or any webpage) and click 'Inspect Element' which will show you the html/css code. If you are using Firefox, you can use the Firebug plugin. Not sure about IE – smang Aug 19 '12 at 17:03