Customize Safari's RSS interface

Today's Best Tech Deals

Picked by Macworld's Editors

Top Deals On Great Products

Picked by Techconnect's Editors

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 { {
       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/

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.

Note: When you purchase something after clicking links in our articles, we may earn a small commission. Read our affiliate link policy for more details.
Shop Tech Products at Amazon