Category: Yootheme Tutorials

Create a custom “Grid Layout” option in Warp 7

All credits of this tutrial got to Michael Maass 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

Continue reading

Add custom JS to yootheme

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.

Continue reading

Font Embedding in yootheme 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 or get the fonts from and on top of custom.css @import url(,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; }
  • 1
  • 2
© Radevic Team. All rights reserved. Powered by YOOtheme.
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.