Blog view: theming

Pro v4+

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 Full width
If the 'head' element is an image, the item width will be the same as the 'head' width
Full width overlap Overlap
The text shows over the 'head' element, which requires the 'head' element of the item to be an image
Download more styles Download more styles
CSS effect 1 CSS Effect 1 Boxed
Separate download
CSS 3 animated layout.
Learn how to set it up.

Theme overrides

New
Background Color		 The overall background color
Leading items text
Font size reference The font size in respect to the template used. The remaining of the item is based on that size
Remaining items text
Font size reference The font size in respect to the template used. The remaining of the item is based on that size
Read more 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
CSS Classes The CSS classes that can be added to the link (space separated)

Example btn btn-default will create a Bootstrap-style button if your template supports Bootstrap. Use code that is related to the version of Bootstrap your template is using (2,3 or 4)
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
CSS Classes The CSS classes that can be added to the link (space separated)

Example btn btn-default will create a Bootstrap-style button if your template supports Bootstrap. Use code that is related to the version of Bootstrap your template is using (2,3 or 4)
Information
Font The font for the blocs of information
Font size The font size in comparison to the font size of reference
New
Line spacing		 The height (px or em) given to each line allowing spacing of the lines of information
New
Font color		 The text color
New
Font color over head		 The text color for information placed over the head (image or video)
Icons color The color of the icons, when shown
New
Icons color over head		 The color of the icons placed over the head (image or video), when shown

Other overrides

CSS overrides CSS styles that can be added to improve/modify the page output or override existing CSS properties. Note that the code is minified automatically to be as small as possible

Related tutorials and topics