Responsive Sizing: Two little known CSS properties

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 →

Optimizing Parallax images for portrait and landscape

In a parallax design, the background image of the parallax area is stretched to cover the whole browser area.
As a result, when the browser ratio differs from the image ratio, some cropping will occur (vertically or horizontally).
This Tutorial explains how to minimize cropping by using different Parallax images for Portrait and Landscape orientations

Continue reading →

Scripts: Advanced styling or design changes

This tutorial gives you the bases for using Scripts inside Xtreme, for programmable behaviors, or advanced site modifications.
It is not meant to teach you JavaScript (there are plenty of great Tutorial sites for that)
It will take you through:

  • General advanced modifications practices
  • Base principles of Scripts in Xtreme
  • Concepts and examples

Continue reading →

Options: Widget Areas and Widgets

Weaver Xtreme supports these sidebar layout arrangements from the Layout panel: HeaderContent PriSec FooterSingle Column – Right Header PriSec ContentFooterSingle Column – Left Header Pri Content Sec FooterSplit – Left & Right HeaderContentFooterNo Sidebars The sidebars support two widget areas … Continue reading →

Widget Area Layouts

Weaver Xtreme Includes many different Widget Areas which are found in Appearance > Widgets.

This Tutorial explains the various methods available to create Responsive and Adaptive Layouts for multiple widgets inside these Widget Areas.

After reading about Widget Areas in this article, make sure to also read the Article on the X-Plus Flex Columns Widget tool below.
https://guide.weavertheme.com/x-plus-flex-widget-usage-and-customizations/

Continue reading →