Teaser box

If you are not sure how to create a Template Override or how to use it as Alternative Layout, you can check our FAQ first.

With this Template Override we have created a Teaserbox. It works with the module articles category with the selected category.

You get a Teaserbox with three columns and a hover effect. In the article you will need the Linktext A, the Intro text and the Title. The override requieres Bootstrap.

Linktext A: you will find it under "Images and Links", it is needed for the icon. Here you can enter the Fontawesome or Glyphicon class you want. For example fa fa-home.

The articles you want to show in the Teaserbox should be stored in an extra category. The module becomes the alternativ Layout for the Teaserbox.

If you want to have four instead of three boxes, you can change the override and put a "3" instead of the "4" in "col-md-4 und col-lg-4" (below in the source code in red and bold).

Teaserbox hover

Tonino Gerns
Author: Tonino GernsWebsite: http://www.livedesign24.deEmail: This email address is being protected from spambots. You need JavaScript enabled to view it.


And the J.O.S.C.A.R. goes to...

JAB15 logo

j-over.de. Our project won on the J and Beyond 2015 the J.O.S.C.A.R. as "Innovation of the Year".


Overrides from

  • 1559507_696946120343022_2619986911434960761_o
  • axel_tueting
  • 1a3bf2dda6069464905e3816f494b587
  • george
  • 5a67ea5f9da573adf828721341a2dc7f
  • 11036042_912712812082877_9026187587615442228_n
  • marco_schauz
  • 7d55f932dabcae1e85c6543901fcc581
  • 1bbbb27
  • aadb08dad2365a68c233cde0b2716e3a
  • d72a769d3a4103928603a345e6a054e9
  • 00844f47ba7bf84a8f8fefdf719416bb

Our sponsor

Kubik Rubik Extensions

sponsor fc hosting

logostore jes2

logo Yireo 500px 4 bevel

New Overrides

The Joomla!® name is used under a limited license from Open Source Matters in the United States and other countries.

j-over.de is not affiliated with or endorsed by Open Source Matters or the Joomla.