Module: Theming

Themes

Style The overall look of a news item
Original Original
The default look
Original (Modern) Original (Modern)
An updated version of the original theme, using CSS Flexbox
Full width Pro Full width
The 'head' element has full item width
Full width overlap Pro Overlap
The text shows over the 'head' element, which requires the 'head' element of the item to be an image
 Pro v4+ Download more styles
 Pro v3.1 Download more styles
CSS effect 1 Pro CSS Effect 1 Boxed
Separate download
CSS 3 animated layout.
Learn how to set it up.
Original image Pro Original image
Separate download
The image is not resized.
Head width and height must be set to 0.
Not compatible with animations.

Theme overrides

Text
Font size reference The reference size of the text for the whole item, except for the calendar head.
0 will set the size to the template’s default
Read more link
Style The link style, following the theme default style or using Bootstrap (Bootstrap is the default for backward compatibility)
Bootstrap type The link type (as defined by Bootstrap)
  • Default button
  • Primary button
  • Info button
  • Inverse button Only in Bootstrap 2
  • Link
Bootstrap size The size of the label (as defined by Bootstrap)
  • Default
  • Small
  • Mini Only in Bootstrap 2 and 3
Classes The CSS classes that can be added to the link (space separated)
Categories
Style The link style, following the theme default style or using Bootstrap
Bootstrap type The link type (as defined by Bootstrap)
  • Default button
  • Primary button
  • Info button
  • Inverse button Only in Bootstrap 2
  • Link
Bootstrap size The size of the label (as defined by Bootstrap)
  • Default
  • Small
  • Mini Only in Bootstrap 2 and 3
Classes The CSS classes that can be added to the link (space separated)
Read all link
Style The link style, following the theme default style or using Bootstrap
Bootstrap type The link type (as defined by Bootstrap)
  • Default button
  • Primary button
  • Info button
  • Inverse button Only in Bootstrap 2
  • Link
Bootstrap size The size of the label (as defined by Bootstrap)
  • Default
  • Small
  • Mini Only in Bootstrap 2 and 3
Classes The CSS classes that can be added to the link (space separated)
Information
Font size The font size in comparison to the font size of reference
Font The font for the blocs of information
Icons color The color of the icons when shown. The icons are selected from an icon font

Other overrides

CSS overrides Simple CSS tweaks that can be added and applied to the module. The code is minified automatically to be as small as possible.
Styles must be prefixed with #lnee_[your module id] in order to affect the module instance only.
Prefix styles with .lnee to affect all instances on the page.
Check the user stylesheets section for more information

Related tutorials and topics