Alignment: Title – Tagline – Copyright – Credits…
This tutorial will take you through alternative alignments for the following elements
- Site Title and tagline
- Copyrights and Credits
- Header HTML Area
scrambler
Display Posts in more than 3 columns
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.
Responsive Columns and Widgets
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/
Using the “Add classes” option box
Xtreme adds an option box called “Add classes” in most areas like (wrapper, container, header, footer, widgets, widget areas…)
This can help you automate a lot of things, see a few examples below.
Button style Menus
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 →Search Bar: Advanced Customizations
Below are two tutorials on search bar and search shortcode.
- Expanded search bar
- Make the search shortcode slide open
Menu Bar: Advanced Customizations
This Tutorial takes you over the following Menu Bar customizations:
- Site Logo & Menu positioning
- Menu / Submenu hover
- Horizontal Submenus
- Two columns Submenus
- Increase space between Menu items
- Shifting out of screen Submenus
- Submenus width or text wrap
- Menu Bars margin & padding
- Wrapping of Menu Add HTML area
Mobile Menu: Advanced Customizations
This tutorial regroups the following Mobile Menu Customizations
- Hamburger Icon alignment
- Mobile Menu width and alignment
- Mobile Menu divider lines
- Mobile Menu label
- Two columns Mobile Menu