Yootheme Tutorials Archives - Page 2 of 2 - Yootheme Premium Support and WebDevolopment

Create a custom “Grid Layout” option in Warp 7

Written by Nemanja Radevic on November 13, 2015. Posted in Yootheme Tutorials.

All credits of this tutrial got to Michael Maass http://yootheme.com/support/question/68491#answer-277994 By default the Warp 7 templates/themes offer three grid layouts for positions: “Parallel“, “Stacked“, and “First Doubled“. The “First Doubled” layout results in the first module of a position having twice the width the other modules in the same position. Now it might be that for your website you need a “Last Doubled” option where the last module has twice the space you can see a representation here on the following image

Add flag icons to yootheme warp7 framework

Written by Nemanja Radevic on November 13, 2015. Posted in Yootheme Tutorials.

Have you ever wanted to add flags to yootheme menu or titles? This tutorial will show you how we did it and then your clients can easily add flag icons by simply adding the right class to the admin backend

Add custom JS to yootheme

Written by Nemanja Radevic on November 13, 2015. Posted in Yootheme Tutorials.

The configuration file /layouts/theme.config.php initializes all PHP classes and loads the necessary JavaScript. If you need to load custom JavaScript files, this is the place to do it. Enabled compression and Data URI will be applied automatically to all files you add here.

Font Embedding in yootheme

Written by Nemanja Radevic on November 1, 2015. Posted in Yootheme Tutorials.

http://yootheme.com/themes/documentation/developers/less-customization or copy /themes/yoo_vida_wp/less/customizer.json to /custom/less/customizer.json and if the file doesn’t exist create it then go to google and find what you want to add and edit the link accordingly to the font you want to edit http://www.google.com/fonts/ or get the fonts from http://www.google.com/fonts/ and on top of custom.css @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,700italic,600italic,400italic,800,800italic&subset=latin,greek); .uk-navbar-nav > li > a { font-family: ‘Open Sans’, sans-serif; } body { color: #666666;font-family: ‘Open Sans’, sans-serif; }

Category: Yootheme Tutorials

Create a custom “Grid Layout” option in Warp 7

Add flag icons to yootheme warp7 framework

Add custom JS to yootheme

Font Embedding in yootheme