Skip to content
This repository has been archived by the owner on Jul 6, 2020. It is now read-only.

Adding Custom CSS

Raydiation edited this page Sep 9, 2014 · 1 revision

If Article Enhancers are being used, the extracted HTML from a page often misses appropriate styling. News 3.001 allows you to define custom CSS classes for feeds. The custom CSS should be added to css/custom.css. Each article gets a CSS class which is constructed in the following way:

  • Take the URL from the <link> attribute (e.g.: <link>https://www.google.de/path?my=query </link>)
  • Extract the Domain from the URL (e.g.: www.google.de)
  • Strip the leading www. (e.g.: google.de)
  • Replace all . with - (e.g.: google-de)
  • Prepend custom- (e.g.: custom-google-de)

Each class rule should be prefixed with #app-content and should only affect the article body. An example rule would be:

    #app-content .custom-google-de .body {}
Clone this wiki locally