Table of Contents
Every setting of the Skin panel, once. The matrix at the end says which skin has which setting. Settings marked Pro show a “Premium Only” note in the free plugin.
Image
| Setting | Values | Default | Notes |
|---|---|---|---|
| Border Radius (Normal) | CSS length with unit | 0 | Applied to the image wrapper |
| Transform (Normal, Pro) | None, Zoom In, Move Left, Move Right, Move Up, Move Down | None | Zoom is 5%; moves are 2% of the image |
| Filter (Normal, Pro) | Presets 1977, Aden, Amaro, Brannan, Brooklyn, Charmes, Crema, Dogpatch, Gingham, Inkwell, Lo-Fi, Ludwig, Moon, Nashville, Reyes, Skyline, Willow; or custom Brightness, Contrast, Saturation, Grayscale, Sepia, Opacity, Hue, Blur | Original | CSS filters, applied in the browser; the image file is not changed. A preview thumbnail shows the result |
| Border Radius (Hover, Pro) | CSS length | empty (the Normal value is used) | |
| Transform (Hover, Pro) | The same list as Normal | Zoom In | |
| Filter (Hover, Pro) | The same list as Normal | none | Loaded only when set |
| Tilt Effect (Hover, Pro) | on / off | off | The item tilts in 3D toward the pointer. Mouse only |
| Tilt Effect Direction (Pro) | Direct, Opposite | Direct | Opposite tilts away from the pointer |
Overlay
The overlay is the layer drawn over the image.
| Setting | Values | Default | Notes |
|---|---|---|---|
| Display | Hover State Only, Default State Only, Always | Hover State Only | “Default State Only” shows the overlay until the pointer arrives. Use Always for touch screens |
| Text Align (Fade, Fly) | Top Left, Top Center, Top Right, Left, Center, Right, Bottom Left, Bottom Center, Bottom Right | Center | Where the overlay text sits on the image |
| Move Overlay Under Image (Pro; Fade, Fly) | Keep Default Overlay, Move on Extra Small Screens, Small, Medium, Large, Extra Large Screens | Keep Default Overlay | Below the chosen screen width the overlay stops hovering and is rendered under the image, always visible. The screen widths are the breakpoints: 320, 576, 768, 992 and 1200 px |
| Display Icon (Classic, Fade, Fly, Caption Move) | on / off | off | An icon chosen from the item type: image, video, audio, album, link. On Classic, turning it on with no overlay color set fills the overlay with black at 20% and white text |
| Display Gallery Icon (Pro) | on / off | on | A stacked-images icon on items that are albums |
| Elements (Fade, Fly) | See Elements below | On Fade and Fly the title and meta live on the overlay | |
| Background (Colors) | Color or gradient, with alpha | Black (Fade, Fly), black at 20% (Classic, Emerge) | |
| Text (Colors) | Color | White | Not on Emerge, whose overlay has no text |
| Blend Mode (Colors, Pro) | Normal, Multiply, Screen, Overlay, Darken, Lighten, Color Dodge, Color Burn, Hard Light, Soft Light, Difference, Exclusion, Hue, Saturation, Color, Luminosity | Normal | The CSS mix-blend-mode of the overlay |
| Typography (Pro; Fade, Fly) | Title, Category, Meta, Description | theme | Font family and size from the theme presets, plus appearance, line height, letter spacing, decoration and transform |
| Dimensions (Pro) | Border Radius, Padding, Margin, Items Gap | 0 / 2em / 0 / 1.5em on Fade and Fly; Classic and Emerge have Border Radius and Margin only | Items Gap is the space between title, categories, meta and excerpt |
Caption
The caption is the text block under the image (Classic), rising over its bottom edge (Emerge), or floating next to the pointer (Caption Move).
| Setting | Values | Default | Notes |
|---|---|---|---|
| Display (Emerge) | Hover State Only, Default State Only, Always | Hover State Only | The Classic caption is always visible |
| Text Align | Left, Center, Right | Center | |
| Move Caption Under Image (Pro; Emerge, Caption Move) | The same five screen sizes as the overlay option | Keep Default Caption | |
| Elements | See Elements below | ||
| Background (Colors; Emerge, Caption Move) | Color or gradient | Black (Emerge) | |
| Text, Links, Links Hover (Colors) | Colors | inherit / inherit / brand color | Links are the title and categories when they are clickable |
| Blend Mode (Colors, Pro; Emerge, Caption Move) | The same list as the overlay | Normal | |
| Typography (Pro) | Title, Category, Meta, Description; Classic also Button | theme | |
| Dimensions (Pro) | Padding, Items Gap; Emerge also Border Radius and Skew Size; Caption Move also Border Radius | Padding 1.5em 2em, Items Gap 1.5em, Skew Size 20px | Skew Size is the height of the slanted top edge of the Emerge caption |
Elements
The same list exists on every skin: on the Overlay tab for Fade and Fly, on the Caption tab for Classic, Emerge and Caption Move.
| Setting | Values | Default | Notes |
|---|---|---|---|
| Display Title | on / off | on | |
| Title Tag | div, h1, h2, h3, h4, h5, h6 | h2 | The HTML tag of the title; pick it for your heading outline |
| Display Categories | on / off | on | |
| Categories Count | 1 to 20 | 1 | Only the first N categories are shown. Raise it to see more than one |
| Display Date | Hide, Default, Human Format | Hide | Human Format prints “3 days ago” and ignores the format field |
| Date format | PHP date format | F j, Y | Shown when Display Date is Default. An empty field falls back to F j, Y |
| Display Author | on / off | off | Name, avatar and link on posts; the Author fields on Media items |
| Display Comments Count | on / off | off | Posts source only |
| Display Views Count | on / off | off | Posts source only. Views are counted by the plugin on single post views, or by the Post Views Counter plugin when it is active |
| Display Reading Time | on / off | off | Posts source only. The word count divided by 265 words per minute; “< 1” under a minute |
| Display Excerpt | on / off | off | Posts: the manual excerpt, or the content trimmed. Media: the item description |
| Excerpt Words Count | 1 to 200 | 15 | |
| Display Read More Button (Classic) | Hide, Always Display, Display when used More tag in the post | Hide | The More-tag mode shows the button only on posts that contain <!--more--> and links to #more-ID |
| Read More label (Classic) | Text | Read More | |
| Display Images Count (Pro) | on / off | off | “12 Images” on album items |
| Display Posts Count (Pro) | on / off | off | “8 Posts” on Taxonomies items |
Which skin has what
| Setting | Classic | Fade | Fly | Emerge | Caption Move (Pro) |
|---|---|---|---|---|---|
| Image: Border Radius, Transform, Filter, Tilt | yes | yes | yes | yes | yes |
| Overlay: Display | yes | yes | yes | yes | yes |
| Overlay: Text Align (9 positions) | yes | yes | |||
| Overlay: Move Under Image | yes | yes | |||
| Overlay: Display Icon | yes | yes | yes | yes | |
| Overlay: Elements (title, categories, date, author, counts, excerpt) | yes | yes | |||
| Overlay: Background | yes | yes | yes | yes | yes |
| Overlay: Text color | yes | yes | yes | yes | |
| Overlay: Blend Mode | yes | yes | yes | yes | yes |
| Overlay: Typography | yes | yes | |||
| Overlay: Dimensions | radius, margin | all four | all four | radius, margin | radius, margin |
| Caption: Display | yes | ||||
| Caption: Text Align (3 positions) | yes | yes | yes | ||
| Caption: Move Under Image | yes | yes | |||
| Caption: Elements | yes | yes | yes | ||
| Caption: Read More | yes | ||||
| Caption: Background | yes | yes | |||
| Caption: Text, Links, Links Hover | yes | yes | text only | ||
| Caption: Blend Mode | yes | yes | |||
| Caption: Typography | yes (plus Button) | yes | yes | ||
| Caption: Dimensions | padding, gap | padding, gap, radius, skew | padding, gap, radius |