↓
 
Weaver Xtreme Guide

Weaver Xtreme Guide

One Theme to Design Them All

  • Support Forum
  • Get Weaver Xtreme Plus
logo
  • Home
  • User Guide
  • Contents
  • Articles
    • All Posts
    • Getting Started
    • FAQ
    • How To
    • Shortcodes
    • Weaver Xtreme Demo Site
    • Other Demos
      • Header Video – in Header
      • Header Video – Parallax BG
    • Advanced Topics
    • User Guide
  • Searching
Home→Categories Topic→Content Areas 1 2 >>

Category Archives: Content Areas

Post related to the content area, which includes both Pages and Posts.

Post navigation

1 2 >>

Buttons to move to the Top / Bottom of the site

Weaver Xtreme Guide Posted on February 27, 2017 by scramblerAugust 31, 2017

This tutorial explains how to display buttons allowing users to move directly to the bottom or to the top of the site.

Continue reading →
Posted in Content Areas, How To, Theme | Tagged button menu, CSS/HTML, Links

X-Plus Flex Columns Widget: Usage and Customizations

Weaver Xtreme Guide Posted on December 17, 2016 by scramblerAugust 31, 2017

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 →
Posted in Advanced Topics, Content Areas, CSS / HTML, How To, Layout, Theme, User Guide, Widget Areas, Xtreme Plus | Tagged Column Layout, Page Builders, rows, Widget Area Layout

Optimizing Parallax images for portrait and landscape

Weaver Xtreme Guide Posted on November 5, 2016 by scramblerNovember 7, 2016

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 →
Posted in Advanced Topics, Content Areas, How To, Images, Layout, Per Page/Post, Xtreme Plus | Tagged Background Images, Full Width, Landscape, Parallax, Portrait, Responsive

Additional formatting for the YouTube & Vimeo shortcodes

Weaver Xtreme Guide Posted on November 5, 2016 by scramblerNovember 6, 2016

Xtreme has two Shortcodes to display YouTube or Vimeo Videos.
The shortcodes have a few options, below are some additional styling possibilities for them

Continue reading →
Posted in Advanced Topics, Content Areas, How To, Shortcodes, Theme | Tagged Alignment

Comments: Advanced Styling

Weaver Xtreme Guide Posted on November 5, 2016 by scramblerNovember 5, 2016

Xtreme has a few general options to style comments.
If you need more detail styling changes, below are some key rules to target the various elements of the comment section.

 
The rules below are mostly here to show you which CSS selector to use to target any given part of the comments.
You can include different properties in these rules to match your requirement.

Continue reading →
Posted in Advanced Topics, Content Areas, How To, Per Page/Post, Theme | Tagged Comments, CSS/HTML

Images: Remove Theme border & styling on specific images

Weaver Xtreme Guide Posted on November 5, 2016 by scramblerNovember 5, 2016

Xtreme lets you set a border and or shadow for all images.
 
Sometimes, you may want a way to remove that styling on some specific images within your content or even the Theme elements.
This is how to proceed.

Continue reading →
Posted in Advanced Topics, Content Areas, How To, Images, Theme | Tagged add class, Borders

Posts: Changing Featured Image Layout on Mobile

Weaver Xtreme Guide Posted on November 3, 2016 by scramblerDecember 3, 2016

Xtreme offers many Featured Image layout options for posts, including the ability to hide them on selected devices.
But the Layout you choose will the same on all devices.

When using layouts like “Beside page/Post” and Right/Left align, the text sits besides the Featured Image.
On narrow devices, you can end up with a narrow column of content besides the Featured Image, and you may want to have the text drop below the image.

The Tutorial below will review some of these cases, and ways to workaround the problem.

Continue reading →
Posted in Advanced Topics, Archive Pages, Content Areas, How To, Per Page/Post, Post Formats, Theme | Tagged CSS/HTML, Featured Images, Mobile, Page with Posts, Posts

Display Posts in more than 3 columns

Weaver Xtreme Guide Posted on November 2, 2016 by scramblerSeptember 7, 2017

Although for posts with text content 3 columns seems like plenty, if using posts to display images, or making reference pages with just featured image and title, you may want to create more columns.

This tutorial will give you the custom CSS rules to Display posts in as many columns as you like, and set a different number for each mobile device or browser size.

Continue reading →
Posted in Advanced Topics, Archive Pages, Content Areas, How To, Layout, Mobile, Per Page/Post, Theme | Tagged Column Layout, CSS/HTML

Post navigation

1 2 >>

Filter by categories

Check multiple categories and click Filter.
Optionally add keywords in Search box..

Browse categories

  • ►Package
    • ►bbPress Weaver
    • ►Non-Weaver Plugins
    • ►Other Weaver Plugins
    • ►Show Posts
    • ►Show Sliders
    • ►Theme
    • ►Theme Support
    • ►Weaver for bbPress
    • ►Xtreme Plus
  • ►Topic
    • ►Admin
    • ►Archive Pages
    • ►Blog
    • ►Child Theme
    • ►Content Areas
    • ►CSS / HTML
    • ►Footer
    • ►General
    • ►Header
    • ►Images
    • ►Insertion Areas
    • ►JavaScript
    • ►Layout
    • ►Menus
    • ►Mobile
    • ►Options
    • ►Page Templates
    • ►Per Page/Post
    • ►PHP
    • ►Plugins
    • ►Post Formats
    • ►Shortcodes
    • ►Typography
    • ►Widget Areas
    • ►WP API
  • ►Type
    • ►Advanced Topics
    • ►FAQ
    • ►Getting Started
    • ►How To
    • ►User Guide

Tags

#wrapper add class Alignment Background Images button menu Colors Column Layout Comments CSS/HTML Customizer Did You Know? dynamic content Featured Images Full Width How To Icons Info Bar Landscape Links margin Menus Mobile Page Templates Page with Posts Parallax Portrait Posts programable Recommended Plugins Responsive rows Save/Restore Settings scroll search sidebars Site Identity SiteMap submenus Subthemes tagline Technical title Widget Area Layout Width Xtreme Plus License

Most Recent Posts

  • Featured Image: Side by side layout for “Display post as: Title + Featured image” July 26, 2018
  • Schema.org Structured Data February 16, 2018
  • Weaver Xtreme API: Filters September 15, 2017
  • Manual Update of Theme or Plugin June 21, 2017
  • Incompatible Plugins June 12, 2017
©2021 - Weaver Xtreme Guide - Weaver Xtreme Theme
↑