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.

• 
  Default
• 
  Yellow Dark
• 
  Red
• 
  Blue
• 
  Lilac
• 
  Yellow Light

---

Special Features

---

Widgetkit 2

Venice Theme features new Widgetkit 2, a completely overhauled version of our toolkit. You can now insert and edit widgets, like a slideshow or media grid, directly inside articles and modules. You can organize your media through its integrated media manager and upload images and other binary files via drag and drop.

The Widgetkit Slideshow supports videos as well as images and can be set to fullscreen mode. Additionally, Venice Theme includes its own Switcher that uses thumbnails to navigate through different content panes.

---

Social Icons

Use the modifier .uk-icon-button class to create an icon button.

Here is a little code example how to add them:

<a href="/" class="uk-icon-button uk-icon-twitter"></a>
<a href="/" class="uk-icon-button uk-icon-facebook"></a>
<a href="/" class="uk-icon-button uk-icon-google-plus"></a>

Here is an overview of all icons provided by Font Awesome.

Socialbar

Venice Theme provides an additional Socialbar Position, integrated nicely into the header. You can modify it completely to add your own icons or apply a different toggler. Here's an example of how we applied the Toggle component from UIkit to the Socialbar.

<a class="tm-social-toggle" data-uk-toggle="{target:'#tm-social-icons > li', animation:'uk-animation-slide-right'}">
    <i class="uk-icon-heart-o"></i>
</a>
<ul id="tm-social-icons" class="uk-list">
  <li class="uk-hidden"><a href="/" class="uk-icon-button uk-icon-github uk-margin-small-top"></a></li>
  <li class="uk-hidden"><a href="/" class="uk-icon-button uk-icon-twitter uk-margin-small-top"></a></li>
</ul>

---

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.

---

---

---

YOOtheme is a well-known template and extension provider for Joomla and WordPress who helps you to create professional websites. But to make your website or interface design a real eye-catcher there was one thing missing: Icons! Icons are an essential tool to simplify user interfaces and today almost every major website uses icons to highlight important parts in their content.

• 
  Building Icons
• 
  Hosting Icons
• 
  Tool Icons
• 
  Shipping Icons
• 
  E-Commerce Icons
• 
  Space Icons

Features