Changing Split Sidebars width on a per page basis
Xtreme has Per Page Sidebar Width option, but only for single sidebar.
If you want to change the Split Sidebar width on a single page, you need to use the rules below
scrambler
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
Additional formatting for the YouTube & Vimeo shortcodes
Xtreme has two Shortcodes to display YouTube or Vimeo Videos.
The shortcodes have a few options, below are some additional styling possibilities for them
Comments: Advanced Styling
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.
Images: Remove Theme border & styling on specific images
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.
Social Buttons: Icon replacement or addition
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.
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
Posts: Changing Featured Image Layout on Mobile
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 →