Link Search Menu Expand Document

Liferea trick #10: custom css for article rendering

Liferea renders articles as HTML content using Webkit (the Safari rendering engine) with colors adapted to the active GTK theme in a somewhat neutral and mail like style. If you dislike it you might want to change aspects of the CSS used to render the articles.

How it Works

To facilitate this Liferea loads 2 CSS definitions

  • a predefined one in <install root>/share/liferea/css/liferea.css
  • an empty one with all styles documented in ~/.config/liferea/liferea.css

Both stylesheets are loaded so that the one in your home directory overrules the predefined one. And the documentation should help you to find the selectors you want to overwrite. Have a look at ~/config/liferea/liferea.css and try to change definitions. It is really easy.

Some example lines from ~/.config/liferea/liferea.css:

/* Header table fields to different item metadata */
// .author, .categories, .source { }
// .date { }

/* Item/feed description */
// div.content { }

/* Comment rendering */
// div.comment { }
// div.comment_body { }
// div.comment_title { }

Recent Liferea Tricks