Flachdächer

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.

Warp Framework

A fast and slick theme framework which is built on the latest web techniques like HTML5, CSS3 and PHP 5.3+

Visit Website

UIkit

A lightweight and modular front-end framework for developing fast and powerful web interfaces.

Visit Website

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
• 
  Pink
• 
  Ocher
• 
  Salmon
• 
  Green
• 
  Blue
• 
  Lilac
• 
  Dove

Additional Positions

We've added some special position to allow you to present your images in a good light. Following layout positions have been added:

Fullscreen

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 Top-Image and 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:

Slideshow

1. Download and unzip the bonus styles package for Widgetkit available in the download area
2. Copy the folder slideshow/styles/eat
3. Joomla: Paste it to media/widgetkit/widgets/slideshow/styles
   WordPress: Paste it to wp-content/plugins/widgetkit/widgets/slideshow/styles
4. Now you can select the style "Eat" in the settings of your Widgetkit Slideshow

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.