Features

Features

This theme is built on the Warp framework, a well-engineered theme framework for WordPress and Joomla, and utilizes all of its latest features. The user interface is powered by UIkit, a lightweight and modular front-end framework, which provides the theme’s styling. The theme also comes with a wide range of different layouts and widget variations.

Styles

We provide lovingly crafted style variations to give you a glimpse of what is possible with this theme. The built-in theme customizer allows you to modify colors, fonts, sizes and much more without any CSS knowledge. Just choose your colors with the color picker and adjust the theme with only a few clicks. Click on one of the images to see the style.

[widgetkit id=”9″ name=”Theme Features Styles”]

Template Settings

Uniq theme features several navigation layouts and settings, useful options for all layout positions and a special article styling.

The main navigation of Uniq Theme supports the the latest UIkit Sticky and Smooth Scroll component features. This combination offers you the possibility to use Uniq as a slim one-pager as well as a more complex site. Additionally, you are able to choose from 3 different navigation layouts in the Warp administration. You also have the option to set these different navigation layouts and the footer to full width. The dropdown can be set to full width as well.

  • Smooth scrolling one Pager
  • 3 Navigation Layouts (Centered, Left, Single Row)
  • Set fixed Navigation
  • Set Navigation and Footer full width
  • Set Dropdown full width
[widgetkit id=”12″ name=”Features Navbar Layouts”]

Block Appearance

Uniq provides some useful options for all built-in layout positions. All settings can be combined, thus providing a very flexible layout. If you need to apply other block settings for different pages, you can use layout profiles and assign them to your menu items.

Settings:

Background

features block background

Select from 3 different background colors (Default, Muted, None).
Padding

features block padding

Adjust the spacing between the content and its block container. Recommended for marginless uses of Widgetkit within the block for example the intro slideshow panel.
Gutter

features block gutter

Select the spacing between the position blocks.
Full width

features block fullwidth

This will remove the constraint of the content container so it will extend to the full viewport width.
Content width

features container width

Control the width of the content container by setting it to Default (1340px), Small (960px) or none. This makes your text more readable on large screens.

Article Style

article style

The special Uniq Theme article layout displays the article inside a panel with a teaser image, attached to the border of the panel without any spacing.

Recommended Settings

  • Warp Layout Settings – Make sure to enable the special Uniq article style and to set the main block background to none for your layout profile.

Blog Dynamic

features blog dynamic

Display blog articles inside the Grid widget to create a news or magazine style layout by using Joomla instead of custom content. In our demo we’ve published a Slideshow widget above the articles to display latest posts in a prominent way.

Recommended Settings

  • Widgetkit – Joomla/WordPress Content, Grid Widget
  • Widget Settings – Grid Behaviour Dynamic Grid, Media Alignment Teaser, General HTML class .tm-panel-large

Custom Widgets

Uniq comes with some new widgets as well as a number of custom widgets for Widgetkit 2 which enable you to easily create a site like our demo.

Slideshow Panel Uniq

features slideshow panel

Uniq comes with a new widget Slideshow Panel. Unlike the ordinary Slideshow, the Slideshow Panel widget displays the content and the image side by side.

As a little eye catcher the theme features a custom Slideshow Panel widget which provides half-rounded content that overlays the image. If you set up a link and select Button Uniq in the widget settings, a button appears on the rounded edge with a smooth animation.


Gallery Uniq

[widgetkit id=”13″ name=”Features Gallery Uniq”]

The Uniq Gallery widget provides a special overlay effect and a new lightbox type slideshow. The slideshow lightbox creates a fullscreen modal and presents your content side by side. Instead of an enlarged version of the image you can also display a second one. Just create a custom media field and make sure to name it media2.

You can display additional content inside the lightbox. Just add a custom text area field and name it lightbox_content. That way if the space within the overlay is limited, further information will be displayed inside the lightbox.


Switcher Panel Uniq

features switcher panel

With the new Widgetkit version a new widget is available – Switcher Panel. It looks similar to the panel teaser image but with an overlaying navigation which is for example useful to switch between different content panes. The custom Uniq Switcher Panel provides a heading for the tabbed navigation.


Additional Pages

To give you a better impression of what is possible with our themes and Widgetkit 2, we have added some custom pages.

[widgetkit id=”14″ name=”Features Pages”]

Custom Classes

Uniq includes a number of custom classes that extend the functionality of UIkit and Warp. This table gives you an overview of the purpose of each of these classes.

Class Description
.tm-margin-large-top This class applies an additional 100px space to the top of an element on medium or large viewports (Tablets, Desktops).
.tm-margin-large-bottom This class applies an additional 100px space to the bottom of an element on medium or large viewports (Tablets, Desktops).
.tm-panel-large .uk-panel Increase the padding of the panel to 50px on medium or large viewports (Tablets, Desktops).
.tm-icon-google-plus .tm-icon-facebook
.tm-icon-youtube-play .tm-icon-instagram
.tm-icon-twitter
These classes apply the appropriate corporate color to each social icon button.
.tm-timeline-avatar This class applies a circle shape and a border to your image and moves it up by 80px as seen in the About section of the frontpage.