Uncategorised

Single Page Example

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.

Get in touch

Widgetkit

Widgets

Currently available widgets

Slideshow

Slideshow

Grid

Grid

Grid Stack

Grid Stack

Switcher

Switcher

Map

Map

Accordion

Accordion

Gallery

Gallery

Grid Slider

Grid Slider

Slider

Slider

Parallax

Parallax

Slideset

Slideset

List

List

Popover

Popover

Switcher Panel

Switcher Panel

Slideshow Panel

Slideshow Panel


Theme Widgets

Custom widgets for the Avanti theme

Slideshow Avanti

Slideshow Avanti

Slideshow Panel Avanti

Slideshow Panel Avanti

Grid Avanti

Grid Avanti


How to use

Use a shortcode to display your widget anywhere on your website

Start in the editor

Start in the editor

To get started, click on the Widgetkit button in your CMS edit view. You will be directed to an overview of already existing widgets, hit the New button. Now choose the widget you would like to render, for example Grid and the content type. Afterwards hit Create to proceed to the next step.


Explore the Interface

Explore the Interface

To create your content, you can add single content items by using Add Item. Alternatively you can use Add Media to select multiple items at once through the media library or manager of your CMS. Enter a name for your widget and go to the Settings tab to configure your widget, then hit Save.


Using the shortcodes

Using the shortcodes

After saving, hit the Cancel button to get back to the widget overview. Click on your newly created widget and a shortcode containing the widget's ID and name will be inserted in the editor. To edit the widget, click inside the shortcode and hit the Widgetkit button again.


Features

All widgets make use of modern web technologies

  • All widgets are fully responsive
  • Use shortcodes to show widgets anywhere
  • Clean and lightweight code
  • User friendly interface
  • Supports touch gestures for mobile devices
  • Built with the UIkit framework

Home

This is a hidden article.

Theme

Theme Features

Avanti is featuring brand new and advanced Warp options.

Navigation

Navigation

The main navigation of Avanti Theme supports the latest UIkit sticky navigation component features. You are able to select from 3 different navigation behaviors/styles and 2 layouts. The styles and the layouts can be combined. This makes 6 different navigation combinations.

Navigation Styles

  • Not Sticky - Default navigation.
  • Always Sticky - Floating sticky navigation with spacing around the navigation bar.
  • Sticky and Animated - This style floats over the content and sticks to the top of the browser window when you start scrolling down.

Navigation Layouts

  • Single Row - The default navbar with the logo on the left side and centered menu items. /layouts/header.default.php
  • Centered - Logo and menu items are centered and stacked. /layouts/header.centered.php

If you want to support a bigger logo size or if you want to modify the navbar gutter, please use the Customizer to change the values.

Special navbar positions

  • search - The search will be displayed inside a dropdown with automatic focus on the search field.
  • more - The same markup as the search, a dropdown which can be used for social icons for example.

If you want to change the dropdown width or color, please use the Customizer to change the values.


Footer

Footer

In this theme you can choose from 2 different footer layouts and combine them with the fixed footer option.

Footer Layouts

  • Single Row - The default footer with the footer module/widget on the left side and the footer-menu on the right. /layouts/footer.default.php
  • Centered - Footer module/widget is centered and the footer-menu is centered below. /layouts/footer.centered.php

Options

Footer Fixed: This fixes the footer block position and your website will scroll over the footer.
Enable Contrast: This option toggles the uk-contrast class from UIkit. It improves the appearance of elements when placing them on colored or dark backgrounds.

To modify the height of the footer and/or the fixed footer, please change the height values in the Customizer.


Block Appearance

Block Appearance

Avanti supports some useful options for all block layout positions. All settings can be combined for a block position. If you need different block settings for different pages, you can use layout profiles and assign them to your menu items.

Options

  • Background - Choose from 4 different background colors.
  • Image - Enter a path to a background image for this position.
  • Image Blend - Define how the background image will mix/blend with the background color.
  • Image Opacity - Adds an overlay with the same background color of the block and an opacity value.
  • Contrast - Enables the Contrast component. Recommended for block positions with a primary background color or image.
  • Padding - Select the spacing between the content and its block container.
  • Full Width - This removes the constraint of the content container so it will extend to full viewport width. Recommended for full width Widgetkit slideshows, for example.
  • Full Height - The block will take up full viewport height. If the navbar is set to default, the navbar height will automatically be subtracted from the subsequent block.
  • Grid Collapse - This option will reset the grid gutter and is recommended, if you want to use a full width Widgetkit slideshow or something similar.
  • Class - Use this input field for a custom CSS class which will be added to the block.

If you want to modify the background colors or paddings of the block elements, please use the Customizer and change the values.


Other Options

Other Options

Additionally you have more options to customize your theme layout.

Article Style

Display blog articles in a special theme specific layout. /layouts/article.php

Breadcrumb

This option centers the breadcrumbs and adds some more spacing to the following elements. Recommend for the theme specific article layout.

Dummy Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

UIkit


Article title

UIkit

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<div class="myclass">...</div>

text-muted
text-primary
text-success
text-warning
text-danger
a element
em element
strong
code element
del element
ins element
mark element
q inside a q element
abbr element
dfn element

Badge 1 Success 4 Warning 3 Danger 4

h1

h2

h3

h4

h5
h6

Lorem ipsum dolor.

Someone famous
  • Author

    May 2, 2090 at 1:55 pm

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna.

Divider

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box primary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Box secondary

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Info message

Success message

Warning message

Danger message

55%
55%
55%
55%
Form states
Form styles


  • List item 1
  • List item 2
  • List item 3
  • List item 1
  • List item 2
  • List item 3
Table caption
Table Heading
Table Data
Table Data
Description lists
Description text.
Description lists
Description text.

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr.

Más artículos...

  • 1
  • 2
Give your website a premium touchup with these free WordPress themes using responsive design, seo friendly designs www.bigtheme.net/wordpress