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.
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.
This theme is available for Joomla and WordPress including the same features on each system.
We’ve added some special position to allow you to present your images in a good light. Following layout positions have been added:
Eat Theme provides a
Fullscreen position that perfectly adapts to the screen resolution. It can easily be enabled within the Warp layout settings. For more information and examples, take a look at the Layouts page.
Full Width Content Image
This theme also comes with the additional positions
Bottom-Image. They enable you to present images inside the template area without margin. For more information and examples, take a look at the Layouts page.
Custom Widgetkit Styles
We created a custom style for our Widgetkit Slideshow perfectly fitting the theme. To apply this style, follow these steps:
- Download and unzip the bonus styles package for Widgetkit available in the download area
- Copy the folder slideshow/styles/eat
- Joomla: Paste it to media/widgetkit/widgets/slideshow/styles
WordPress: Paste it to wp-content/plugins/widgetkit/widgets/slideshow/styles
- Now you can select the style “Eat” in the settings of your Widgetkit Slideshow
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>