How to customize further using CSS
You can further customize your embedded FriendFeed widget or badge by providing your own CSS. You may need to use !important at the end of each custom rule to override the default settings.
-
.friendfeedEvery other selector is contained within this.
-
.logoContains the FriendFeed logo.Hide the logo:
.friendfeed .logo img { display: none; } -
.feedContains a FriendFeed feed.
-
.entryContained within a FriendFeed feed. Contains an individual entry.
-
.iconThe service icon for an entry.Remove service icons:
.friendfeed .feed .cluster .icon { display: none; } -
.bodyContains the body of an entry.
-
.summaryContains the summary of an entry. Summaries contain text like "shared three items on FriendFeed".Make summaries not wrap:
.friendfeed .feed .cluster .body .summary { white-space: nowrap; } -
.commentsContains the comments for an entry.Remove comments:
.friendfeed .feed .entry .comments { display: none; }Remove comment icons:.friendfeed .feed .entry .comments .comment .quote { background: none }; -
.likesContains the likes for an entry.Remove likes icon:
.friendfeed .feed .entry .likes { background: none; } -
.infoContains the entry's timestamp.Increase the font size:
.friendfeed .feed .entry .info { font-size: 10pt; } -
.mediaContains media for an entry.Remove border around images:
.friendfeed .feed .entry .media img { border: 0; } -
.pictureBadge profile picture.Remove the profile picture:
.friendfeed .picture { display: none; } -
.nameBadge user name.Change the font size:
.friendfeed .name a { font-size: 8pt; } -
.servicesA list of services with image icons.Add more margin:
.friendfeed .services { margin-top: 10px; } -
.statsContains statistics including number of shared items.Move stats to right of picture:
.friendfeed .stats { clear: none; } -
.bottomContains the "Subscribe to me" link.
