Todas las novedades del Trail y Ultra Running Argentino, Sudamericano y mundial en un sólo lugar.

Trail Running Argentina

Custom Widgets

Monday theme comes with the content creator Widgetkit 2. In addition to all default widgets, it features 5 custom renderers – Tabs, Slideshow Panel, Slideshow, Grid, Twitter and List.

Tabs

Tabs

Monday features a custom Switcher widget. The tabbed navigation displays a border whose color will automatically adapt to the item’s tag.

Slideshow panel

Slideshow panel

This Slideshow Panel provides the option to display each item’s tag above the content.

The slidenav can be positioned at the top right, top left, bottom left and bottom right of the Slideshow Panel.

Slideshow

Slideshow

This Slideshow widget comes with a custom thumbnail navigation. Tags will be displayed as a colored border on top of every thumbnail, while the content appears on hover inside a panel on top of the item’s image.

Grid

Grid

The custom Grid widget places images in a teaser layout above or in alternating order above and below the content.

Tags will be displayed as a colored border on top of the content.

Twitter

Twitter

This Twitter widget publishes your latest three tweets inside a Slideshow.

List

List

The List widget allows you to add tags to list items. This is useful when publishing an overview of latest posts in the Sidebar.

Navigation Layout

You are able to choose from 2 different navigation layouts. One aligns the logo and menu to the left. The other one centers both in a stacked layout, which is ideal for big logos.

Navigation center
Navigation left

Dropdowns

Another option allows you extend the main navigation dropdown to the width of the entire browser window.

Navigation center
Navigation center

Sticky navigation

Of course this theme provides the option to apply a sticky navigation. When scrolling the page it will remain at the top of the browser window.

Navigation center

Custom Classes

Class Description
.tm-text-uppercase This class will transform your text to capital letters.
.tm-margin-xlarge,.tm-margin-xlarge-top,
.tm-margin-xlarge-bottom
Add 50px top and/or bottom margin to elements.

Video: 1736 by Christiaan Welzel, License: CC BY 3.0