Xtreme has many nice Featured Image Layout options for posts when displayed as Excerpts or Full or on the Single post page.
Unfortunately, these do not apply to the Featured Image when displaying posts as “Title + Featured image”
Below is the way to make the Featured Image and the Post Title display side by side when the “Title + Featured image” is used.Continue reading →
This tutorial explains how to display buttons allowing users to move directly to the bottom or to the top of the site.Continue reading →
With version 3, Weaver added a Flex Columns widget in the “Plus” Plugin, which allows you to define a flexible layout of columns / boxes within a single widget.
This new widget is based on a small CSS jewel called Flexbox. Flexbox has a number of very interesting features, making it easy to create arrays of responsive and flexible boxes.
This tutorial will take you through the existing options of this new Widget, as well as give you tips on how to use simple Flexbox CSS rules to customize it even further, or combine it with other tools to make it even more powerful.Continue reading →
Making object sizes proportional to browser sizes This tutorial introduces you to two very powerfull and sometimes less known CSS features – Viewport units – Calc function Viewport Units allow you to express the size of an element as a … Continue reading →
Version 3 of Xtreme introduced fixed menus, as well as Fix on scroll options for both primary and secondary menu bars.
The tutorial below shows you how to use a provided script to fix on Scroll anthing else you like, such as
– Extra menu (using the “Plus” Extra Menu shortcode)
– HTML Insertion area or any theme Area with the “plus” Classes box
– Your own content
Sometimes you need to change styling for specific pages or devices.
As an example, this tutorial will detail how to change areas background attributes in the following situations
- Different static pages
- Different WordPress pages
- Different devices
- Any combination of the above
- Portrait and Landscape
Xtreme Version 3 added two ways to fix Menus at the top of the page.
A simple Fixed to Top that fixes the menu there all the time.
A Fixed to Top on Scroll, that will fix the menu when you scroll the page and the menu reaches the top of the browser.
This Tutorial explains how to create different animated transitions when the menu gets fixed, as well as how to not fix it on mobile devices.