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
New
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
New
Style		 The link style, following the theme default style or using Bootstrap (Bootstrap is the default for backward compatibility)
New
Bootstrap type		 The link type (as defined by Bootstrap)
  • Default button
  • Primary button
  • Info button
  • Inverse button Only in Bootstrap 2
  • Link
New
Bootstrap size		 The size of the label (as defined by Bootstrap)
  • Default
  • Small
  • Mini Only in Bootstrap 2 and 3
New
Classes		 The CSS classes that can be added to the link (space separated)
Categories
New
Style		 The link style, following the theme default style or using Bootstrap
New
Bootstrap type		 The link type (as defined by Bootstrap)
  • Default button
  • Primary button
  • Info button
  • Inverse button Only in Bootstrap 2
  • Link
New
Bootstrap size		 The size of the label (as defined by Bootstrap)
  • Default
  • Small
  • Mini Only in Bootstrap 2 and 3
New
Classes		 The CSS classes that can be added to the link (space separated)
Read all link
New
Style		 The link style, following the theme default style or using Bootstrap
New
Bootstrap type		 The link type (as defined by Bootstrap)
  • Default button
  • Primary button
  • Info button
  • Inverse button Only in Bootstrap 2
  • Link
New
Bootstrap size		 The size of the label (as defined by Bootstrap)
  • Default
  • Small
  • Mini Only in Bootstrap 2 and 3
New
Classes		 The CSS classes that can be added to the link (space separated)
Information
New
Font size		 The font size in comparison to the font size of reference
New
Font		 The font for the blocs of information
New
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