Banner Latest News Enhanced

Pro v4+

Style The overall look of a news item
Original Original
The default look
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.

Leading items

Leading count The number of items with a configuration different from the rest of the items (usually one per line)
Items width The width of the items (usually between 50 and 100%)
Space after The bottom margin to add to the items
Head
Head type The element to add to the item
Images
Image from content
Looks for images inside the article / K2 item content (introduction and the remaining of the content). The first image found is selected
Image intro
Selects the image intro from the article
Image full
Selects the image full from the article
K2 K2 image
Selects the K2 image
Image from content -> intro -> full K2 Image from content -> K2 image
If no image in content, look for image intro then image full (or look for the K2 image when using K2)
Intro -> full -> image from content K2 K2 image -> image from content
If no image intro, look for image full (or if no K2 image when using K2) then image from content
Author (contact)
Selects the author's contact picture if linked to a contact
K2 Author (K2 avatar)
Selects the K2 user avatar linked to the author
K2
K2 extra field of type image
Joomla 3.7+
Custom field of type media
Calendars
Calendar
Creates a calendar from the specified date
K2
K2 extra field of type date
Joomla 3.7+
Custom field of type calendar
Icons
Joomla 3.7+
Custom field of type SYW Icon (see the Head: Icon section)
Head width The maximum width of the additional element
Head height The maximum height of the additional element
Keep space Keeps the space as if the additional element was existing but is missing for that particular item
Title
Letter count max The maximum amount of letters for the title. No value means that we want to show the whole title. A value of 0 will hide it
Force one line Forces the title to show in one line only (no matter the resizing of the page)
It does not take into account the letter count max, but rather adds ... when it cannot fit on the line
HTML header tag The header tag (h1 .. h6) applied to the title
Text
Font size reference The font size in respect to the template used. The remaining of the item is based on that size
Position The position of the text in relation to the head additional element, if any
Letter count max The maximum number of letters to show for the text. An empty field will show the whole text. A value of 0 will hide the text
Strip tags Removes the HTML tags from the text
Keep tags The HTML tags that can be kept in the text and won't be removed
Example <strong><a> will keep the bold html style and the links only. Use <br> for new lines
Trigger events Triggering the onContentPrepare event will call the plugins that are present in the intro text. Set to 'no', the plugins will not be called and the plugins syntax { ... } will be removed from the cropped text
Wrap Wrap the text around the additional element, if the theme used allows it

Remaining items

Items width The width of the items
Example 48% will show 2 items per line, with additional room for margins
Item min width The minimum width of the item under which the item won't get any smaller
Item max width The maximum width of the item over which the item won't get any bigger
Space after The bottom margin to add to the items
Head
Head type The element to add to the item (see explanations in the leading items section)
Images
Image from content
Image intro
Image full
K2 K2 image
Image from content -> intro -> full K2 Image from content -> K2 image
Intro -> full -> image from content K2 K2 image -> image from content
Author (contact)
K2 Author (K2 avatar)
K2 K2 extra field of type image
Joomla 3.7+ Custom field of type media
Calendars
Calendar
K2 K2 extra field of type date
Joomla 3.7+ Custom field of type calendar
Icons
Joomla 3.7+ Custom field of type SYW Icon
Head width The maximum width of the additional element
Head height The maximum height of the additional element
Keep space Keeps the space as if the additional element was existing but is missing for that particular item
Title
Letter count max The maximum amount of letters for the title. No value means that we want to show the whole title. A value of 0 will hide it
Force one line Forces the title to show in one line only (no matter the resizing of the page)
It does not take into account the letter count max, but rather adds ... when it cannot fit on the line
HTML header tag The header tag (h1 .. h6) applied to the title
Text
Font size reference The font size in respect to the template used. The remaining of the item is based on that size
Position The position of the text in relation to the head additional element, if any
Letter count max The maximum number of letters to show for the text. An empty field will show the whole text. A value of 0 will hide the text
Strip tags Removes the HTML tags from the text
Keep tags The HTML tags that can be kept in the text and won't be removed
Example <strong><a> will keep the bold html style and the links only. Use <br> for new lines
Trigger events Triggering the onContentPrepare event will call the plugins that are present in the intro text. Set to 'no', the plugins will not be called and the plugins syntax { ... } will be removed from the cropped text
Wrap Wrap the text around the additional element, if the theme used allows it

Content

Text introduction Which text to show
  • Intro
  • Intro -> Meta description if no intro text, use meta description
  • Meta description
  • Meta description -> Intro if no meta description, use intro text
Linking
Link on The element(s) to link (select any or all)
  • Title the link is added to the title
  • Head the additional element (image or icon) is linking to the item
  • Read more link adds a 'read more' type link
  • Appended link adds a link at the end of the intro text
Link to What the link is
  • Article/K2 item the item link
  • Article/K2 item in modal window the item will open in a modal window (in print mode)
  • Link A links to the Joomla article's link A
  • Link B links to the Joomla article's link B
  • Link C links to the Joomla article's link C
  • K2 K2 extra field of type link
  • Joomla 3.7+ Custom field of type url (http and https schemes only)
Warning Do not open items into a modal window when showing unauthorized links (issues with the login form in a modal)
Note Links A, B or C will open in the parent window, a new window, a popup or a modal one depending on the targets that are set in the article (global values are taken into account)
Note The K2 extra field links open depending on the settings of the field (lightbox is replaced by modal). The url custom fields open in a new window unless internal.
Link fallback When links A, B or C, K2 extra field of type link or custom field of type url are missing, use the item link instead
Popup width The width of the modal window when showing the article in a popup
Popup height The height of the modal window when showing the article in a popup
Follow The follow/nofollow option for indexing robots
Link label The label for the link.
When linking to link A, B or C, the text associated with the links will have precedence over the link label
Unauthorized link label The label to show when the items link to unauthorized content
Tooltip Show or hide the tooltip over the link
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)

Alignment The label alignment in the overall configuration
  • Default takes the style as dictated by the theme
  • Left left align
  • Right right align
  • Center centered
Always show Always show the link or only when the text has been cropped
Categories
Position The placement of the categories in the layout (select any or all).
  • First First element in the item layout
  • Before title Before the item title
  • Last Last element in the body part of the item
  • Over picture Over the picture, if there is one
Link to Whether the category is linked and what it needs to link to
  • None The category is not linked
  • Standard The category opens a category view (it should exist to avoid unexpected behavior)
  • Self The link filters the blog view by that category
Link label A specific label to use instead of the article’s category name
Unauthorized link label The label to show when the items link to unauthorized content
Tooltip Show or hide the tooltip over the linked category
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)

Alignment The label alignment in the overall configuration
  • Default takes the style as dictated by the theme
  • Left left aligned
  • Right right aligned
  • Center centered
Latest News Enhanced v3.1 Free v4.1
Latest News Enhanced Pro v3.1 Pro v4.1