Posts tagged with 'Themes'

YOOtheme Pro 1.2 released

New website, blog options and improved workflow

Dec
05
YOOtheme Pro for WordPress

The year is coming to an end and the Christmas preparations are starting. So, while you get cozy and lean back, we'd like to present to you the latest YOOtheme Pro update. To optimize the workflow when creating pages in Joomla, we have added a number of new features that will make your day. In addition to that, we refactored the whole system blog as well as single posts, implementing a bunch of new settings that allow you to create different layouts. Of course, this update also comes with a brand new website: Max, the perfect blueprint for any personal or portfolio project.

The new website, Max

Max comes with a flat, colorful style. You can choose from six prebuilt layouts: Home, Work, Branding, Services, About and a case study. These provide the perfect base for any personal or freelance portfolio website.

The new website also comes with a new Flat style. The modularity of YOOtheme Pro makes it possible that this signature style can be applied to the previous releases Fuse and Horizon, as well as upcoming ones.

  • New Flat style
  • 6 Layouts for different page types
  • Personal, freelancer topic

Joomla Demo WordPress Demo

By Sascha | | Posted in Themes, Pro | 83 comments

YOOtheme Pro for WordPress

The new website builder. Even newer.

Nov
07
YOOtheme Pro for WordPress

It's been a couple of weeks since we released YOOtheme Pro and quite a few things happened in the meantime. We have been working hard and are excited to announce that as of today, YOOtheme Pro is available for WordPress! Joomla and WordPress users won't only be able to enjoy last month's website Fuse, but also our new release Horizon.

There's still more good news to share. You can now use Widgetkit 2 and YOOtheme Pro simultaneously. We know that this will make many of you guys very happy.

In addition we published 12 minor releases in the last 4 weeks which come with a new style, a bunch of new features, options and settings as well as several improvements and bug fixes. This is an impressive number that we are proud of and hopefully it shows, how passionate we are about YOOtheme Pro. We will keep pushing even more updates in the future. Read on to find out what all this means in detail.

By Sascha | | Posted in Themes, Pro | 40 comments

YOOtheme Pro

Here is our new all-in-one website builder

Oct
10
YOOtheme Pro released

After almost one year of development we are incredibly proud to release YOOtheme Pro for Joomla today. It is the biggest step for us since the founding of YOOtheme and it will bring a new era that merges our products into a single, groundbreaking toolkit for creating web experiences: The website builder. It will revolutionize the way you work and lets you create beautiful websites in no time - without the need to write a line of code.

YOOtheme Pro in detail

The new website builder is the heart of YOOtheme Pro and your most important tool. It allows you to customize and manage pretty much every aspect of your website and to build entire pages with modular building blocks, called elements. You can edit Joomla content, like menus and modules, without leaving the YOOtheme Pro administration. All this happens in a real-time preview, so that you can see changes that you make immediately.

To give you an overview of all the new YOOtheme Pro features, we've lauched a brand new landing page. Check it out!

YOOtheme Pro website

View YOOtheme Pro Website

Fuse — A new website, new possibilities

With YOOtheme Pro we also rethought our theme creation process. Instead of our previous, monolithic theme releases we move to a new system of modular and evolving websites. So, today we are thrilled to present our first website based on YOOtheme Pro: Fuse! It introduces the new default theme, the first style called Minimal and 8 different page layouts - all wrapped in elegant, web agency themed demo content.

YOOtheme Pro - Fuse website

The default YOOtheme Pro theme is sporting a classical widescreen layout and is stuffed with features, like different header layouts, a special mobile header and many options to create unique top and bottom sections. The first available style has a minimalistic and modern look. It's light, elegant and focused on typographical details. The topic of the website serves as a perfect basis for any agency or portfolio website and comes with 8 prebuilt layouts: Frontpage, Portfolio, Services, About, FAQ, Case Study, Careers and Press.

  • Default YOOtheme Pro Theme
  • 1 Style called Minimal
  • 8 Layouts for different page types
  • Web agency and business topic

View Fuse Website

Same release cycle, new concept

So what does YOOtheme Pro mean for you and your subscription?

The basic principle remains the same. At the beginning of each month a new Website, like Fuse, will be released. It bundles the theme itself and its features, styles for a different look, pages with different layouts and demo content for a specific topic. Thanks to the modular structure of YOOtheme Pro, it will be easy to transform one website into various creations. With this concept, we are able to offer you more possibilities than ever before.

The best thing is, all websites will be updated continuously. This means that we will keep adding new features, styles, layouts and topics to each release. This is amazing, because each website is part of an evolving ecosystem and will continue to grow and evolve along with it.

We still have lots of ideas for the YOOtheme Pro website builder, which we will add step by step, aiming for monthly feature releases. You can expect YOOtheme 1.1 by November, 1.2 by December and so on.

Meanwhile you don't have to worry. There is no need to upgrade your existing subscription. All members have immediate access to YOOtheme Pro including all new features. Basically nothing is going to change for you — except the product, which is way better than before.

What about Warp and Widgetkit?

The YOOtheme Pro website builder and its themes are based on a completely new framework. You can consider it the successor of Warp and Widgetkit, since it combines the features of both — which is great. Unfortunately, this also means that it will be impossible to upgrade older themes to the new system. But there is absolutely no need to upgrade your already running website. There are no plans to end Warp 7 theme support any time soon.

Note, if you are using Widgetkit 2 or ZOO, you will also need to update the extensions to the latest version.

Hello, Pro

Please remember: This is the first release of a completely new system and we are working on constant improvements. So, if you find any bugs, please report them in the support center and we will fix them right away. Our current focus is on making YOOtheme Pro available for WordPress, with Pagekit following.

Now go on, explore!

View YOOtheme Pro Website View Fuse Website Demo

Related Posts

Here is a short list of all related posts about YOOtheme Pro:
Release
Page Builder
Website Builder
1-Click Updates
Native Structure
Announcement

UPDATE: WordPress Members

We understand that it is hard for our WordPress users to wait for YOOtheme Pro. Therefore, we are giving access to the Joomla version to all WordPress members, as well. That way you can already play around and give it a try. We are working hard on getting the WordPress version ready as soon as possible. There's still a large amount of work to be done, but we intend to release YOOtheme Pro for WordPress in November.

By Sascha | | Posted in Themes, Pro | 80 comments

Luna Theme

August 2016 YOOtheme club theme

Aug
01
Luna

This August's theme release is a special one for us. Luna comes with a vibrant, colorful design that doesn't need big images to impress. The typographic teaser makes a grand opening, while four custom Widgetkit plugins help you to bring out your content. In addition, Luna's styles are extra sophisticated, including beautiful background effects. Each one was crafted with loving detail, essentially making them mini themes themselves.

We have a big announcement for you guys. Luna will be the last Warp 7 release and some major changes are coming. But more about that later.

Widgetkit

Luna theme comes with four custom plugins for Widgetkit 2, our smart tool set for content creation: a Gallery, List, Slideshow and a Grid widget, plus a modifier class for the default Grid widget.

Gallery

The custom Gallery widget uses tags not only to filter items, but places them inside a list below the title. This works perfectly in all overlays and panel styles. The default gallery options are still available.

Luna widget Gallery

List

This List widget allows you to arrange content in a layout that is similar to a description list. Items can be separated with borders, backgrounds or just space. Additionally, you can add a subtitle below the title of each item, by adding information to the Subtitle field of the Settings tab in the widget administration.

Luna widget List

Slideshow

Luna theme comes with a Slideshow widget that is great for displaying short information, like quotes or testimonials. Media items are placed inside a circle on top of the panel, like an avatar. You can also add a Watermark through the custom field in the Settings tab.

Luna widget Slideshow

Grid

This Grid widget places a check icon in the top-left corner of each item. On hover, a panel background appears and a different style is applied to the icon. Note that this widget does not support media items.

Luna widget Grid

In addition to the custom Grid, we provide the modifier class .tm-grid-button, which you can add to a regular Grid widget. A spinning arrow button will then appear when hovering grid items.

Luna widget Grid Button

Backgrounds

This theme comes with unusually versatile styles that include different textures, gradients, shadows and filled as well as outlined UI elements. Another thing that makes these styles unique are the background animations that we've added. There are fireflies, particles and different geometric forms that float with a parallax effect when you move the cursor. You can select each of these backgrounds in the Layouts section of the Warp administration and they adapt to all styles (except for the fireflies, which naturally, you can only see in the dark).

Luna Navbar

Navigation

Luna theme includes three different layouts for the main navigation. It can be stacked with the logo above the centered menu, so that there's plenty of space for big logos. But you can also apply a single line, left aligned navigation or even place the logo in the middle of the centered menu. The items will be distributed equally on both sides.

The navbar also comes with a sticky option, so that it remains fixed at the top of the browser window when you scroll the page. Additionally, there's an option to turn the navbar transparent and place it on top of the content. This looks great on all section backgrounds. If sticky mode is enabled, its background color will be applied again to the navbar upon scrolling.

Luna Navbar

Additions

Apart from a custom blog style and a number of appearance options for each position, Luna theme comes with the Smoothscroll position where you can add a dotted navigation to scroll through long pages. We've also added a bunch of custom classes to help you style your content. For example, you can see a fancy typographic teaser on the frontpage of the demo, which is easily replicated.

Luna Teaser

Check out the Theme page for instructions and full list of the features and custom classes of Luna theme.

  • Different background animations
  • 4 custom widgets and a modifier class
  • 3 main navigation layouts and sticky option
  • Custom blog layout
  • Demo pages built with Widgetkit 2
  • Full UIkit components styling
  • 6 sophisticated style variations
  • Easy customizer and LESS integration
  • WooCommerce support

Joomla Demo WordPress Demo

Farewell Warp 7

The time has come after three years and 38 themes to part from Warp 7. We've spent the past six months working on its successor and are happy to announce that it won't be long now. We are even more excited to announce that this one isn't "just" going to be Warp 8. It will be a completely new theme framework, including new versions of both Widgetkit and UIkit. We think in one word, it will be GROUNDBREAKING :-) In order to be able to take on the enormous workload that comes along with this project, we decided not to release a new theme next month. This is the first time in the entire history of our company, which has produced 116 themes (not counting legendary Mega theme) that we skip a month and we hope for your understanding that we want to concentrate all our energies on this new generation of themes. We can assure you that it will be worth the wait. So buckle up!

During the next months we're going to release weekly blog posts that will disclose some of the features our new theme framework will have to offer. So keep your eyes on our blog. If you have any feature requests, we would also like to encourage you to post them here in the comments. These are exciting times for us!

By Franziska | | Posted in Themes | 42 comments

Monday Theme

July 2016 YOOtheme club theme

Jul
01
Monday

We've already reached half-time of the year and are presenting our July theme release: Monday comes with a classical boxed layout and a color coded tag system that occurs throughout blog articles, six custom Widgetkit plugins and several other elements. This makes Monday theme great for any business or news website.

Tags

Monday theme allows you to assign one of 10 different colors to each of your tags in the Warp administration. Tagged menu items in your main navigation will then adopt the appropriate color and display a matching border below the navbar.

Monday Tags

You can also apply tag colors to different UI elements, like badges or tabs by adding one of the .tm-tag-* classes to a container element – like a panel – or the <li> elements of a tabbed navigation.

To highlight text elements with a tag color, just add one of the .tm-tag-color-* classes.

Widgetkit

As usual, this theme comes with our content creator toolkit Widgetkit 2. In addition to the default widgets, Monday includes six custom plugins, incorporating the color coded tags.

Tabs

The custom Switcher widget features a tabbed navigation. You can assign a tag to each item, so an animated, colored border will appear on its tab and the tag will be displayed above the content.

Monday Tabs

Slideshow Panel

This Slideshow Panel optionally displays each item's tag above the content. The slidenav can be positioned at the top right, top left, bottom left and bottom right of the Slideshow Panel.

Monday Slideshow Panel

Slideshow

Monday theme includes a custom Slideshow that displays content inside a hover panel on top of each media item. The thumbnav features a colored border at the top of the active item to signalize its tag.

Monday Slideshow

Grid

The Grid widget arranges media and content in a teaser layout, placing the image above or in alternating order above and below the content. They are divided by colored borders representing the different tags.

Monday Grid

Twitter

The Twitter widget allows you to render your latest three tweets inside a Slideshow.

Monday Twitter

List

Use this custom List widget to publish tagged articles inside a list. Each item's tag will be displayed above its title.

Monday List

Navigation

Monday theme comes with two different navigation layouts, which you can select in the Warp administration. One aligns the logo and menu to the left. The other one centers both in a stacked layout. This is great, if your design has a big logo. The navbar can be set to sticky mode, so that it remains at the top of the browser window when scrolling down the page.

Additionally, the dropdown can be extended to the width of the entire browser window.

Monday Navigation

Backgrounds

Business is all well and good. But apart from a practical layout, we wanted to give this theme a very individual and versatile style. That's why we decided to add a unique background to each of our six style variations. Galaxy and Material, for example, feature subtle animations, while Organic comes with a nice photographic backdrop and Salmon is more down to earth with a light texture.

Monday Background

Block Footer

Apart from the modular box design, we've created a separated footer for this theme. You can apply different background colors and vertical padding to this block in the Layouts section of the Warp administration.

Monday Footer

Additions

Monday theme features a custom blog style that presents the article and its featured image side by side and also uses colored tags. You can apply a different grid gutter to every widget/module position or remove the spacing altogether in the Warp administration. To cap it all off, there are three additional widget/module styles that combine a custom header with boxed panels.

Monday Article

To check out all styles, additional options and custom classes, take a look a the Theme page.

  • Special incorporation of tags
  • 6 different custom Widgetkit plugin
  • 2 main navigation layouts and sticky option
  • Special footer block with custom options
  • Custom blog layout
  • Demo pages built with Widgetkit 2
  • Full UIkit components styling
  • 6 pre-built style variations
  • Easy customizer and LESS integration
  • WooCommerce support

Joomla Demo WordPress Demo

By Lisanne | | Posted in Themes | 15 comments

Nic & Em Theme

June 2016 YOOtheme club theme

Jun
01
Nic and Em

Love is in the air this June and the first summer breeze brings along Nic & Em, our newest release. This wedding themed template stands out with its vertically split layout, new module/widget positions, a bunch of handy features and four custom Widgetkit plugins! It provides the perfect base for couples to plan their wedding and present photos and memories afterwards. But its versatility and different styles make Nic & Em great for any event website, portfolio or other content.

Aside position

Nic & Em theme comes with the additional Aside position. That's what forms the distinguishing two column layout of this theme. Modules/widgets you publish here will be displayed on the left side of the screen, while the remaining content stays on the right. On resolutions below 1366px it will automatically move to a teaser position at the top of the browser to save valuable space.

Nic and Em Aside Responsive

The Aside position has a couple of custom settings that you can adjust in the Warp administration. Its width can vary between 25% and 50% and it can be positioned on the left or right side of the content. Set a background color, image and an overlay and combine these with different blend modes, opacity settings and a contrast color option, so that typographic elements look good on dark backgrounds. The entire appearance is up to you.

Nic and Em Aside

An article's title and meta data will also be rendered in the Aside position, if the option is enabled. In single view, the featured image of each blog item will automatically appear there.

Nic and Em Blog

A number of block appearance settings are also available for the other positions. You can set a background color, image, blend modes and opacity with a contrast option. The content of each block can have different paddings, widths, full viewport height and if this isn't enough, you can also add your own class.

Widgetkit

Nic & Em uses Widgetkit 2 to render some of its content. In addition to the large number of default widget plugins, this theme provides a custom Grid Stack, two special Slideshows and an Event widget.

Grid Stack

The custom Grid Stack widget comes with the additional option to set a watermark image for each item. Just type in your text in the Watermark field of your widget's content administration and it will be displayed discreetly in the background of your item as a nice typographical detail. All default Grid Stack settings are still available in this renderer.

Nic and Em Grid Stack

Slideshow Nav

Nic & Em theme comes with two custom Slideshows. The first one features a tabbed navigation that is placed above the Slideshow. The title of each item is used to switch through the content. Title and content are rendered inside a panel that overlays the media, while a custom style with an animated underline on hover can be applied to the link.

Nic and Em Slideshow Nav

Slideshow

The second Slideshow comes with a custom slidenav that can be positioned at the top left, top right, bottom left or bottom right of the Slideshow. A counter displays the number of items as well as the active item. The regular Slideshow features are available as well.

Nic and Em Slideshow

Event

The Event widget is perfect to create a list of events, which can be filtered by date. You can enter a date and time and even a location in the Content tab of the widget administration. The event location will then be displayed in a link that opens up a map in the same tab or optionally inside a new one.

Nic and Em Event

Additions

Apart from these major features Nic & Em theme comes with lots of helpers and gimmicks that make this one special.

Pageloader

The additional Pageloader module/widget position allows you to create custom markup that will then be displayed on any page that it is published on, while the site is in the process of loading.

Nic and Em Pageloader

Overlay Search

Another gimmick is the fullscreen search of this theme. Instead of the usual input, this will open an overlay with a large search field, when you click the magnifier icon.

Nic and Em Overlay Search

Nic & Em theme comes with 6 style presets to show you the possibilities that it offers. A more detailed overview of the theme's features and a full list of available custom classes can be found on the Theme page. An FAQ will soon be available and you can find answers to questions that are not addressed there in our support area.

  • Vertically split layout through Aside position
  • Grid Stack, two Slideshows and a custom Event widget
  • Different block appearance settings
  • Custom blog layout
  • Demo pages built with Widgetkit 2
  • Full UIkit components styling
  • 6 pre-built style variations
  • Easy customizer and LESS integration
  • WooCommerce support

Joomla Demo WordPress Demo

By Anne | | Posted in Themes | 21 comments

Dolce Vita Theme

May 2016 YOOtheme club theme

May
02
Dolce Vita Theme

Summer season is starting and the Dolce Vita Theme arrived on time. This theme features varied block styles, a frame like style, a special bottom position, four custom widgets and many little helpers and modifiers. At first glance it looks like a theme made for fashion but you can add any personal or business related content, too to create your unique website. This theme also features 6 different and fancy styles to start from.

Dolce Vita also supports the latest Widgetkit 2.7 features. In case you've missed it, please check out this blog post.

Theme Layout

This theme provides a special option to display a subtly animated frame around the layout. You can decide between a frame that overlays your content and one that "hugs" your content by adding padding around it.

It also comes with a special layout position called bottom-offset, perfect to display banners or small teasers. The dimensions and spacings are calculated automatically according to the size of the published content, so that it always stays centered between the bottom and footer sections.

This time we decided to fully style almost everything in the contrast component .uk-contrast. This means all kinds of UIkit components like alerts, buttons, panels, subnavs, text elements and forms are completely styled. We recommend the class for dark and colored images and for the .uk-block-secondary modifier class/secondary background option in the block appearance section.

Dolce Vita Layout

Navigation

The main navigation of Dolce Vita Theme supports the latest UIkit sticky navigation component features. You are able to choose from 4 different navigation layouts.

With the special overlay option, the logo will work as a hover trigger for the navigation to display. If you start scrolling down, the navigation will also appear.

Further you can enable a full width dropdown menu container, which will be displayed on top of the content.

Dolce Vita Navigation

Parallax Widget

As you may already have noticed, we’ve added CSS blend mode effects to the block appearance options of Dolce Vita and Avanti. Now we've added this to the Widgetkit 2 Parallax widget, too. The images can blend into the 2 different background colors!

Dolce Vita Parallax Widget

Slider Widget

This Slider supports CSS scaling for the before and after items. You can choose from different value options in the widget settings. While scrolling through the single items you will experience a liquid like effect. We also have modified the overlay to allow some more flexibility.

Dolce Vita Slider Widget

Gallery Widget

The Gallery grid provides a pre-defined sequence, which supports first- and last doubled item widths. This sequence is also fully responsive. We took a look at the overlay settings and added new options for blend modes, opacity, color, alignment and a boxed style.

Dolce Vita Gallery Widget

Grid Widget

For Dolce Vita, we have created a modified Grid widget to customize our output, especially the one we can not control at all, like WordPress/Joomla system content. We have added a truncate option for the title and the content, which makes it easier to control the data output and height.

Dolce Vita Grid Widget

Additions

Dolce Vita includes some additional features, like modifiers and helpers, to customize your content. It supports 3 font types by default to create a very unique look for your personal website. Please view the Theme page for a detailed overview of all included features and specials.

Dolce Vita Theme Styles

You will soon find answers from our support to your Frequently Asked Questions.

  • Parallax, Slider, Gallery and Grid widgets
  • Additional framed style
  • Four navigation layouts
  • Bottom-offset position
  • Dotnav follower
  • Different block appearance settings
  • Custom blog layout
  • Demo pages built with Widgetkit 2
  • Full UIkit components styling
  • 6 pre-built style variations
  • Easy customizer and LESS integration
  • WooCommerce support

Joomla Demo WordPress Demo

By Danny | | Posted in Themes | 13 comments

Edge Theme

April 2016 YOOtheme club theme

Apr
01
Edge Theme

Back from the Easter holidays we are excited to present Edge, our April 2016 release. This theme comes with loads of useful features. For example, with our new additional block options you can align whole sections to the left or right. This offers entirely new possibilities for a variable and refreshing layout. Three custom widget plugins, a lot of attention to detail and a light, typography oriented design make it perfect for any blog or magazine website.

Custom Widgets

Edge theme comes with Widgetkit 2, our handy content creator toolkit. Apart from the default widget plugins, we've included a custom Slideshow Panel, Slider and a Slideshow widget.

Slideshow Panel

This Slideshow Panel widget automatically applies an offset to the content panel, so that it overlaps the image. Media can be placed at the left, right or top of the content.

Edge Slideshow Panel

Slider

The Slider Edge allows you to select a custom button that will be displayed inside the overlay. You can also display and link each item's title in its overlay.

Edge Slider

Slideshow

The custom Slideshow widget doesn't make use of the tradition overlay. Instead content will be displayed inside a panel on top of the image, which can be align to the left or right.

Edge Slideshow

Adaptive navbar

Edge theme features four different layouts for the main navigation. The menu can be centered and aligned to the left or right and it can be centered with the logo above the menu. You can set the navbar fixed, so it will stay at the top of the browser window when scrolling. Additionally, you can extend the dropdown to the width of the entire browser window.

Edge Navigation

Block Appearance

Each widget/module position of Edge theme can be styled differently. You can apply different background colors and vertical paddings and remove horizontal padding. Each block can have a default, large or full width layout. To add an interesting and varied touch to this theme, blocks can be aligned to the left or right.

Edge Block Layouts

Blog Layout

Of course we've also added a special blog layout. It places the featured image on alternating sides of the content. The title and meta data of the article are enhanced with a border that slightly overlaps the image.

Edge Blog

Additions

Edge theme comes with 6 style presets and a number of useful utility classes and theme components that will help you arrange your content. For a full list of these classes and a more detailed overview of the theme's features, check out the Theme page.

  • Slideshow Panel Slider and Slideshow widgets
  • 4 different navbar layouts with many options
  • Different block appearance settings
  • Custom blog layout
  • Demo pages built with Widgetkit 2
  • Full UIkit components styling
  • 6 pre-built style variations
  • Easy customizer and LESS integration
  • WooCommerce support

Joomla Demo WordPress Demo

By Lisanne | | Posted in Themes | 46 comments

Joy Theme

March 2016 YOOtheme club theme

Mar
01
Joy Theme

Spring is around the corner bringing us a fresh new theme. Joy – our March 2016 release – is bursting with special features, like two additional module positions, eye catching effects and custom Slideshow and Slideshow Panel widgets. It works great for any kind of website project, though it's particularly suited for charity, NGO or event presentations.

Hero Blocks

Joy theme comes with two special module positions: Top and Bottom Hero. Both expand to full viewport height and width and feature custom settings that are applied through the Warp administration. You can enter a background image path or a color value for each of these positions. Additionally you can animate the colored background, so it will rotate through different hues, and enable a particles animation. If this is not enough, you can also add your own custom class to further enhance your hero blocks. For example, adding the .tm-top-hero-gradient class will fade out the Top Hero position towards the bottom with a gradient.

Joy Hero Blocks

Typewriter effect

This effect is great for drawing attention to important headings. Just add the data-tw attribute to a text element. It is also possible to add an animation from UIkit to the incoming letters and to increase or decrease the speed of the effect.

Joy Typewriter Effect

Slideshow and Slideshow Panel

The custom Slideshow and Slideshow panel widgets feature a display announcing the number of items as well as the active item. The conjoint slidenav can be positioned to the top left, top right, bottom left or bottom right of the Slideshow.

Joy Custom Widgets

Page appearance

Joy theme allows you to display the site's wrapper with small, medium, large as well as full width

Joy Page Appearance

Navigation settings

This theme comes with three different navigation layouts. The main menu can be centered or aligned to the left or right. It can be placed on top of the content as a transparent navigation and it can be set fixed, so it remains at the top of the browser when scrolling.

Joy Navigaton

Another option allows you to extend the main navigation dropdown to the width of the entire browser window. A subtle overlay will be applied to the rest of the site while the dropdown is open.

Joy Navigaton

Blog layout

The optional custom blog layout places the date to the left of the article's content.

Joy Blog Layout

Additions

Joy theme comes with 6 style presets and a number of additional options to change the position appearance of each section. Some useful utility classes and theme components will help you arrange your content. For a full list of these classes and a more detailed overview of the theme's features, check out the Theme page.

  • Additional Hero module positions
  • Slideshow and Slideshow Panel widgets
  • Three different navbar layouts with more options
  • Different block appearance settings
  • Custom blog layout
  • Demo pages built with Widgetkit 2
  • Full UIkit components styling
  • 6 pre-built style variations
  • Easy customizer and LESS integration
  • WooCommerce support

Joomla Demo WordPress Demo

By Sergej | | Posted in Themes | 20 comments

Chester Theme

February 2016 YOOtheme club theme

Feb
01
Chester Theme

Make yourself at home with Chester, our February 2016 release. This theme travels light, focusing on essential design elements and paying special attention to detail. It features four custom widgets, the additional Sidepanel position, different main navigation layouts and a bunch of useful little helpers. With its spacious layout and elegant typography, Chester will perfectly represent a hotel, inn or any other grastronomy business, though it's versatile enough to work great with any kind of website.

Navbar Layouts

Chester theme features two different navigation layouts. You can either place the logo on top of a centered main menu, making space for a big logo as well as the additional headerbar position. Or you can display both in a single row to save space. In both cases you have the option to apply a sticky navigation, so it remains at the top of the browser window when scrolling.

Chester Navbar Layouts

Custom Widgets

Of course Chester comes with Widgetkit 2, our content building toolkit. In addition to the standard plugins we've created four custom widgets that perfectly fit into the theme's overall styling.

Slider

This slider applies a three column layout, centering the active item and adding generous spacing between the images. That way they are cut off by the browser window, which creates a trendy and elegant look.

Chester Slider Widget

Popover

The Popover Chester widget provides a custom toggle icon and alignment options, so that the dropdowns are aligned by their corners instead of their sides.

Chester Popover Widget

Switcher

This custom Switcher features a special navigation that allows you to use thumbnails and the items' titles to switch through the panels. Additionally you can apply different widths to the content through an option in the widget's administration.

Chester Switcher Widget

Switcher Nav

The second custom Switcher comes with another special navigation. You can use an image, like an icon, the item's title or both to navigate trough your content. It is also possible to select the content width for this Switcher in the widget settings.

Chester Switcher Nav Widget

Sidepanel position

To allow quick access to important content, like a booking form, Chester provides the new Sidepanel position. A button, which remains fixed on the left side of the browser window, toggles any content that is published inside this position, so it will slide into view. You can display multiple widgets/modules inside the Sidepanel.

Chester Sidepanel Position

Blog Layout

Chester theme also comes with an optional blog layout. It displays the featured image and the article content side by side and places the create date iconically next to the image. Of course, the default blog layout is also available.

Chester Block Layouts

Additions

Chester theme comes with 6 style presets and a number of additional options to change the position appearance of each section. Some useful utility classes and theme components will help you arrange your content. For a full list of these classes and a more detailed overview of the theme's features, check out the Theme page.

  • 2 different navbar layouts
  • Custom Slider, Popover and two Switcher widgets
  • Additional Sidepanel position
  • Optional custom blog layout
  • Demo pages built with Widgetkit 2
  • Full UIkit components styling
  • 6 pre-built style variations
  • Easy customizer and LESS integration
  • WooCommerce support

Joomla Demo WordPress Demo

By Franziska | | Posted in Themes | 8 comments