Concepting
Widgetkit Gallery modifier
To give the gallery a chessboard like pattern we have added the
.tm-gallery-avanti
class. Just add the the class to the general HTML class field in your gallery widget. This class will work best for a 3 item per column setting.
This class also adds a special gradient overlay style to the gallery items. If you want to modify these gradients and backgrounds, please take a look at the theme variables in the Customizer.
Widgetkit Grid modifier
We also added the
.tm-margin-condensed
class. It reduces the spacing between a widget title and the following content. Just add the class to a grid widget, for example in the HTML class field of the general tab in the widget administration.
UIkit Framework
A lightweight and modular front-end framework for developing fast and powerful web interfaces.
Warp Framework
A fast and slick theme framework which is built on the latest web techniques.
Slideshow Avanti
Avanti comes with a modified Slideshow widget which works perfectly inside the theme’s header layout position.
Specials
- Pure CSS Numnav option to navigate between the slides.
- The overlay layout uses the same container width as the theme.
- Overlay content width for medium to large view ports can be set to 50%, 66%, 75% and 100% of the container.
- Overlay content position can be set to Center, Center left and Center right.
- Animate Letters option for the slideshow item title.
Slideshow Panel Avanti
With the Widgetkit 2.5 release we have added the Slideshow Panel. Avanti uses a slightly modified version perfectly fitting for any portfolio, case study or product presentation.
Specials
- Content max width – Will set a maximum width for the content on large view ports.
- The badge is separated from the content and is displayed above the media item.
Grid Avanti
For Avanti we have added a modified grid widget to customize our output, especially the one we can not control at all, like WordPress/Joomla system content. We have added a truncate option for the title and the content which makes it easier to control the data output and height.
Specials
- Truncation option for the item title and content.
- Grid divider option displays a border between the items.
- Panel Horizontal to add more spacing between items, recommend in combination with the grid divider.
- Badge muted to display a badge with a subtle background color. (depends on the theme style)
- Option to display article/post tags as badges.
Dictum lorem adipiscing augue vitae ante. Quis scelerisque sem urna pellentesque eu dolorum quisque ullamcorper. Pede nulla fringilla. Nec dolor purus elementum non mauris. Lacus aenean posuere.
Non a lacus. Arcu nunc vestibulum. Morbi reprehenderit nulla euis
mod quam adipiscing tempus amet suscipit leo fringilla amet nunc sit erat blandit aliquam urna. In fermentum vestibulum ut vulputate ultricies ac morbi vulputate et euismod erat. Sit enim erat. Nullam eu assumenda. Sit ante rhoncus donec vitae cras. Est ac ridiculus. Lacus justo volutpat. Felis dignissim at. Lectus adipiscing in. Eros eu felis
Dictum lorem adipiscing augue vitae ante. Quis scelerisque sem urna pellentesque eu dolorum quisque ullamcorper. Pede nulla fringilla. Nec dolor purus elementum non mauris. Lacus aenean posuere.
Non a lacus. Arcu nunc vestibulum. Morbi reprehenderit nulla euismod quam adipiscing tempus amet suscipit leo fringilla amet nunc sit erat blandit aliquam urna. In fermentum vestibulum ut vulputate ultricies ac morbi vulputate et euismod erat. Sit enim erat. Nullam eu assumenda. Sit ante rhoncus donec vitae cras. Est ac ridiculus. Lacus justo volutpat. Felis dignissim at. Lectus adipiscing in. Eros eu felis
Dictum lorem adipiscing augue vitae ante. Quis scelerisque sem urna pellentesque eu dolorum quisque ullamcorper. Pede nulla fringilla. Nec dolor purus elementum non mauris. Lacus aenean posuere.
Non a lacus. Arcu nunc vestibulum. Morbi reprehenderit nulla euismod quam adipiscing tempus amet suscipit leo fringilla amet nunc sit erat blandit aliquam urna. In fermentum vestibulum ut vulputate ultricies ac morbi vulputate et euismod erat. Sit enim erat. Nullam eu assumenda. Sit ante rhoncus donec vitae cras. Est ac ridiculus. Lacus justo volutpat. Felis dignissim at. Lectus adipiscing in. Eros eu felis