.image-header
element
The .image-header action Header with background image and overlay text. It belongs to the headers category within the layout area.
Action Syntax
.image-header +imagetag "text"
An image tag starting with + followed by A quoted text string
.image-header +imagetag $variable
An image tag starting with + followed by A variable name starting with $
.image-header +imagetag !set:icon "text"
An image tag starting with + followed by An icon in format !set:name followed by A quoted text string
.image-header +imagetag !set:icon $variable
An image tag starting with + followed by An icon in format !set:name followed by A variable name starting with $
.image-header +imagetag "text" [file]
An image tag starting with + followed by A quoted text string followed by A file reference
.image-header +imagetag $variable [file]
An image tag starting with + followed by A variable name starting with $ followed by A file reference
.image-header +imagetag !set:icon "text" [file]
An image tag starting with + followed by An icon in format !set:name followed by A quoted text string followed by A file reference
.image-header +imagetag !set:icon $variable [file]
An image tag starting with + followed by An icon in format !set:name followed by A variable name starting with $ followed by A file reference
Valid sizes
tiny
small
medium
large
extra
Styles
.back
inserts a back nav icon element on left
.image-header.back "example text"Examples
// Basic Usage
.image-header %image "title"// Using Variables
// Display dynamic content from variables
.image-header %image $title// With Styles
// Apply the .back style modifier
.image-header.back "example text"Action code: 681030523
Version: 0.6.4-4
Last updated: 2025-06-13