↓
 
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→Tags CSS/HTML - Page 2 << 1 2 3 >>

Tag Archives: CSS/HTML

Post navigation

<< 1 2 3 >>

Social Buttons: Icon replacement or addition

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

Xtreme “Plus” gives you the possibility to define a number of standard Social Icons, linking to the appropriate site.
This Tutorial will show you how to replace any of these by your own icon image, or add new unsupported social icons.

Continue reading →
Posted in Advanced Topics, How To, Images, Shortcodes, Xtreme Plus | Tagged CSS/HTML, Icons, Social Button

Scripts: Advanced styling or design changes

Weaver Xtreme Guide Posted on November 3, 2016 by scramblerNovember 16, 2016

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 →
Posted in Advanced Topics, Child Theme, CSS / HTML, How To, Insertion Areas, JavaScript, PHP, Theme | Tagged Column Layout, CSS/HTML, dynamic content, Posts, programable, Responsive, rows, scroll, Technical

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

Alignment: Title – Tagline – Copyright – Credits…

Weaver Xtreme Guide Posted on November 2, 2016 by scramblerNovember 4, 2016

This tutorial will take you through alternative alignments for the following elements

  • Site Title and tagline
  • Copyrights and Credits
  • Header HTML Area
Continue reading →
Posted in Advanced Topics, Footer, Header, How To, Theme | Tagged Alignment, copyright, credits, CSS/HTML, header HTML, tagline, title

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

Responsive Columns and Widgets

Weaver Xtreme Guide Posted on November 1, 2016 by scramblerDecember 29, 2016

You often need to organize your content in responsive columns or widgets. They need to scale with the browser and eventually stack differently on mobile devices so individual columns / widgets do not become too narrow.

This tutorial will guide you through existing tools available in Weaver Xtreme to organize your own content in such layouts.

Note: If you have the Xtreme “Plus” Plugin, there is now a very powerful widget called “X-Plus Flex Columns” that can do all this and much more in a much easier manner.
Check its guide article below.
https://guide.weavertheme.com/x-plus-flex-widget-usage-and-customizations/

Continue reading →
Posted in Advanced Topics, Content Areas, How To, Layout, Per Page/Post, Shortcodes, Theme, Widget Areas, Xtreme Plus | Tagged Column Layout, CSS/HTML, rows

Button style Menus

Weaver Xtreme Guide Posted on October 31, 2016 by scramblerNovember 4, 2016

If you wish to make your menu items look like buttons, here is how to set your Theme options and the Custom CSS that is required.

Continue reading →
Posted in Advanced Topics, How To, Menus, Theme | Tagged button menu, CSS/HTML

Search Bar: Advanced Customizations

Weaver Xtreme Guide Posted on October 31, 2016 by scramblerFebruary 6, 2019

Below are two tutorials on search bar and search shortcode.

  1. Expanded search bar
  2. Make the search shortcode slide open
Continue reading →
Posted in Advanced Topics, Header, How To, Shortcodes, Theme | Tagged CSS/HTML, search

Post navigation

<< 1 2 3 >>

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
↑