YOOtheme Pro is here! The best WordPress and Joomla theme. Learn more

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

Comments (13)

  • ercanatay

    ercanatay

    | Profile |
    Excellent! We love your desing. Because fast & beautiful themes!
  • e.manuel

    e.manuel

    | Profile |
    cant wait for warp 8 any longer! But this theme is really great!! Love it.
  • oguz.copel

    oguz.copel

    | Profile |
    Nice one. Gonna give it a try.
  • schmallegger

    schmallegger

    | Profile |
    not much different than the last themes Hope to see new stuff soon!
  • akcreation

    akcreation

    | Profile |
    This looks fantastic guys. There was a lot of criticism after last months theme, so I feel you deserve a lot of credit for producing a really great theme this month. Thank you also for adding the truncate features to the grid widget, this is an excellent feature that has been needed for a long time. Great work :)
  • cassandra.leone

    cassandra.leone

    | Profile |
    Now we're talking..

    The mix UIkit and WidgetKit is where your themes shine and this pulls it together.

    Awesome job Yoo!
  • paulgreene

    paulgreene

    | Profile |
    Yes! absolute perfect. The models help but it's the kind of design helps focus the sections. Great layout. Thank you! glad I renewed after 6 years with you.
  • igor.pashchenko

    igor.pashchenko

    | Profile |
    Great!! It's look like a big step forward!!

    Can you make a full page scrolling theme? Because it is really good web-trend and your themes will look various:)
  • guillermo.gutierrez

    guillermo.gutierrez

    | Profile |
    Sorry, when doing a new article I have a problem with the menu order.
  • arthur.rosa

    arthur.rosa

    | Profile |
    Good work guys!
  • joshgilson

    joshgilson

    | Profile |
    Hey Yoo Guys! I'm just getting to use this theme and love it! I like what I'm seeing with the tm classes and extra customizations! Content boxes and contact info area are common thing I make on every site. This will make my life easier! Thank you for everything the team does for us!
  • udgny

    udgny

    | Profile |
    Cool Template :)

Leave a comment

Please login to leave a comment.