Customize Safari's RSS Interface

If you read RSS feeds in Safari and find it hard to distinguish between unread and read articles--or if you have other gripes about Safari's visual interface for RSS--it's relatively simple to change that interface. All you need to do is create a CSS style sheet and tell Safari to use it.

For example, let's say you want to highlight unread articles with an easy-to-spot green background. To do so, create a plain text file with the following text:

@media screen {

div.apple-rss-unread {

background-color: rgb(202, 255, 157) !important;

}

}

Save that file somewhere convenient, giving it the file extention .css. Then, open Safari's preferences panel, choose the Advanced tab, and use the Style Sheet pull-down menu to select the new file as your style sheet. After you restart Safari, you should see the new colors.

There's a lot more you can do, using that style sheet. To find out what keys you can alter, look at Safari's CSS file for RSS pages. That file is located at: System/Library/Frameworks/PubSub.framework/Versions/A/Resources/PubSubAgent.app/Contents/Resources/Main.css.

Browse Main.css to find the keys and syntax for modifiable page elements. You could edit that file directly, but it's easier and safer to create a separate file and set it as your style sheet.

Thanks to Mac OS X Hints reader tedw for this tip.

This story, "Customize Safari's RSS Interface" was originally published by Macworld.

To comment on this article and other PCWorld content, visit our Facebook page or our Twitter feed.
Related:
Shop Tech Products at Amazon
Notice to our Readers
We're now using social media to take your comments and feedback. Learn more about this here.