Close

Layers Help & Support

Layers 2.0.10 Update

Layers 2.0.10 Update

Removing the Envato Marketplace listings.

  • Fixed Image Ratio button in the Post widget
  • Removed redundant Envato Market listings

UPDATE LAYERS View on GitHub

Feature Header

Works wonderfully on featured stories or pages centered around long-tail content. Parallax is provided by Layers Pro

By Vail Joy
Time to Setup: Less than 10 Minutes

Menus & Navigation

A variety of navigational elements can be created with the content widget in a variety of styles. Use for jump menus, page navigation, or as an alternative site navigation on your landing pages.

View Tutorial

Promo Cards

Using the Square image ratio and Advanced margins and padding, You can create stunning “jumbo” sections to promote a product or service.

Single Column 12 of 12

Give us a brief description of the service that you are promoting. Try keep it short so that it is easy for people to scan your page.

View Tutorial

Content Overlays

Overlay text on images.

Column Title

Give us a brief description of the service that you are promoting. Try keep it short so that it is easy for people to scan your page.

View tutorial

Great for Magazines

See how we use this technique on a full Magazine Layout

View tutorial

Portfolios & Galleries

Combine with gallery shortcodes and lightboxes for quick and lightweight image layouts.

Video

You can create custom video grids with any hosted video content!

View Tutorial   or  See How to Use Custom Embeds and Players

Call To Action

Use Layers Pro for specialized CTA widgets, or create a simple call to action using the Content Widget

Force Uniform Image Height

If you use images that are the same dimensions, the landscape image ratio should resize them uniformily. For content that is mixed from different image sizes, you can force a crop with CSS in the Advanced feature.

Step 1

Click the Advanced button in the widget design bar and add Custom Class of img-crop

Step 2

Add Custom CSS:

.img-crop .media-image { max-height: 320px; overflow: hidden; }