Element reference

Every Assan widget, every option it has, the choices each option offers and when it appears — 56 widgets and 613 options in all.

How to read this page

Each widget has one table. The Option column is the label you see in the Elementor panel. Choices lists what you can pick, with the default in bold. Notes explains the option and says when it is shown: many options only appear after another one is set a certain way, so if you cannot find one in the panel, check its “Shown when” note.

An option you cannot see is not broken

Options that would have nothing to act on are hidden on purpose. The logo strip’s Columns, for example, only appears for the carousel and plain-columns layouts, because the other layouts set their own.

Layout classes

The demo pages are built from Elementor containers carrying a few class names, which is what gives every page the same spacing. Select a container, open Advanced → CSS Classes and type the names with a space between them. A typical section is an outer container with assan-section, and inside it one container per row with assan-row assan-row-3.

Bootstrap’s own utilities work in the same field — bg-body-tertiary, border-bottom, py-5, text-white and so on.

Sections (the outer container)

ClassWhat it does
assan-sectionThe standard band: content held to the site width with the theme’s vertical rhythm (4rem, 6rem from large screens).
assan-section-fullNo padding at all. Use it around a hero, a parallax band or any widget that draws its own background edge to edge.
assan-section-wide / -wide-sm / -wide-lgFull-width content with a small side inset (12px, 8px, or 4rem from extra-large screens).
assan-section-insetSite width plus a deep side inset from large screens.
assan-section-compactA shallower band (4rem top, 2.5rem bottom, 4rem from large screens) — a logo strip between two sections.
assan-section-deepThe deepest rhythm, 7rem top and bottom.
assan-section-tall-topExtra room at the top, for a page that opens on a heading instead of a hero.
assan-section-flush-top / -flush-bottomRemoves the top or the bottom padding so two sections read as one block.
assan-section-flush-footerLets the last section of a page meet the footer with no gap.
assan-section-shape-roomExtra bottom padding so a shape divider does not cross the last card or button.
assan-section-clipClips overflow. Add it to any section holding a slider or a decorative shape, or the page can scroll sideways.
assan-section-darkDark background with light type.
assan-section-gradientThe brand gradient behind the whole band, type reversed.
assan-section-primarySolid primary background with white headings. Add assan-section-ruled for a hairline down the centre.
assan-section-half-topA dark slab behind the top half of the section. Add assan-half-tertiary to tint it in the pale body colour instead.
assan-section-half-darkA dark slab behind the lower half.
assan-section-panelA rounded primary panel covering the top 60%%, cards overlapping its lower edge.
assan-section-shape-start / -shape-endA pale rounded panel filling three quarters of the section from the left or the right.
assan-section-boxedDraws the section as a rounded panel the width of the site, 1rem apart, and tints the page behind. Add assan-section-pad for inner padding and assan-section-dark for the dark version.
assan-hero-panelRounds the corners of a hero placed inside the section.
assan-stripesFour faint dashed vertical rules behind the content.

Rows (a container inside a section)

ClassWhat it does
assan-rowMakes the container a grid, so widgets sit in equal columns. Always combine it with one of the counts below.
assan-row-1 / -2 / -3 / -4One, two, three or four columns on large screens; two on tablets; one on phones.
assan-row-splitA heading on the left with a button or link on the right.
assan-row-middleCentres the columns against each other vertically.
assan-row-aroundTwo five-twelfths columns with the spare width shared around them.
assan-row-betweenTwo five-twelfths columns pushed to the outer edges.
assan-row-4-7 / assan-row-5-7A narrow column beside a wide one.
assan-row-3-8A narrow facts column, a spare column, then an article: three, one and eight twelfths.
assan-row-swapSwaps the two columns from tablets up, so the first one in the editor leads on a phone and sits second beside its partner on wider screens.
assan-row-fluidLets a row run the full width of its section instead of the site width.
assan-row-sidebarA listing beside a widget column. Put the sidebar container first to have it on the left.
assan-row-plansSits pricing cards on a common bottom edge, three across from tablets up, the badged card standing taller.
assan-row-ruledWith assan-row-2: cells divided by hairlines instead of gaps. Add assan-row-ruled-deep for taller cells.
assan-row-7-5Two columns, seven and five twelfths.
assan-row-offset-1Holds the row one column in from both sides. assan-row-offset-start-2 and assan-row-offset-end-2 leave two columns free on one side, so stacked rows stagger.

Columns (a narrow container)

ClassWhat it does
assan-col-narrowA centred reading column, about seven twelfths wide.
assan-col-8A centred column eight twelfths wide.
assan-col-wideA centred column ten twelfths wide.
assan-col-halfHalf the site width, centred.
assan-col-insetTwo thirds of its own half, centred — a stack of cards beside a picture.

How the options are tested

Before each release every widget is rendered with each value of every dropdown and switch on its own, and then with 150 random combinations of all of them, with pictures and optional text sometimes left out. A run fails on any PHP warning or notice, on markup that does not close properly, and on any choice that leaves the output unchanged. The widgets are then loaded on a page in a browser and checked for script errors, broken images and sideways overflow.

Three results are expected and are not faults:

Heroes 8

Assan Hero 50 options

OptionChoicesNotes
Content
EyebrowText
Eyebrow style
  • Pill badge
  • Green pill badge
  • Rotating lines - one phrase per line
  • Coloured heading
Shown when Eyebrow is set.
Eyebrow colour
  • Warning
  • Primary
  • Info
  • Success
  • White
  • White, muted
Shown when Eyebrow style is “Coloured heading”.
Uppercase eyebrowOn / Off — off by defaultShown when Eyebrow style is “Coloured heading”.
Outline lineTextOptional first line, drawn as outlined text above the title.
TitleText, several lines — default Build a stunning website with ease
TextText, several lines
Title size
  • Display 1 - largest
  • Display 2
  • Display 3
  • Display 4
  • Display 5 - smallest
Headline effect
  • None
  • Letters rise in
The consultancy landing page brings its headline in a letter at a time.
ImageImageShown below the text when centred, or beside it when left aligned.
Buttons
Primary buttonText — default Get started
Primary linkLink
Secondary buttonText
Secondary linkLink
Scroll-down linkLinkShows the design's bouncing chevron under the heading. Point it at the anchor of the next section.
Scroll-down style
  • Outline ripple - for a dark header
  • Soft disc - for a light header
Shown when Scroll-down link is set.
Scroll-down position
  • Under the text
  • Right of the text
The right-hand position needs left-aligned text and no hero image. Shown when Scroll-down link is set.
Button hover
  • Rising fill
  • Sliding arrow
  • Label swaps upward
  • None
Label on hoverTextThe agency landing page swaps "Our Projects" for "Explore Projects". Leave empty to repeat the label. Shown when Button hover is “Label swaps upward”.
Extra space at the bottom
  • None
  • Slight
  • Small
  • Medium
  • Large
Room for the next section to be pulled up over the hero.
Button shape
  • Pill
  • Pill, narrower
  • Rounded corners, wide
  • Square
Copy width
  • Medium
  • Wide
  • Narrow
Shown when Alignment is not “Left, image beside”.
Primary button weight
  • Solid
  • Outline
Button colour
  • From the background
  • Primary
  • White
  • Dark
  • Yellow
  • Primary outline
White on a dark hero and primary on a light one, unless you say otherwise.
Layout
Background
  • Primary gradient
  • Soft blurred gradient
  • Primary
  • Dark
  • Tinted primary
  • Gradient tint - pale, dark text
  • Light
  • None
  • Dark + image
Background imageImageAlso works over the solid and gradient backgrounds - drop the opacity to blend it in.
Gradient mesh backdropOn / Off — off by defaultThe theme's turbulent gradient wash.
Mesh start colourColour — default hsl(347, 100%, 72%)Shown when Gradient mesh backdrop is on.
Mesh end colourColour — default hsl(227, 100%, 50%)Shown when Gradient mesh backdrop is on.
Particle fieldOn / Off — off by defaultDrifting dots behind the copy.
ParticlesNumber — default 12Shown when Particle field is on.
Particle colourColour — default #ffffffShown when Particle field is on.
Background videoTextA YouTube, Vimeo or MP4 URL, played muted behind the content. The background image becomes the still shown until it loads.
Background opacityNumber — default 25How strongly the image or video reads against the background colour.
Darken over the picture (%)Number — default 0A black wash laid over the image. Overlay above fades the image towards the section colour, which tints it; this darkens it.
Parallax backgroundOn / Off — off by defaultThe background image scrolls slower than the page. Shown when Background image is set.
Shape divider
  • Angled cut
  • Angled cut, shallower
  • None
  • Wave
  • Wave - soft, three layers
  • Diagonal
  • Slope - deep diagonal sweep
  • Slice - shallow, rising from the left
  • Curve
Round badge iconTextA Bootstrap Icons class. Shows a green round badge above the title - the tick over a thank-you message.
Text size
  • Lead - larger and lighter
  • Body size
Space under the title
  • Standard
  • Tight
  • Close - a standfirst straight under the title
  • Medium
  • Wide - a title straight over its button
Small print under the buttonsText
Inset the text from the column edgeOn / Off — off by defaultLeft-aligned copy stops short of the right edge; centred copy is inset on both sides.
Shape divider at the top
  • None
  • Swell
Cuts the page colour into the top of the band, for a closing band that follows a plain section.
Title tag
  • H1
  • H2
Use H2 when the band is not the page's opening header.
Alignment
  • Centred
  • Left, image beside
Height
  • Standard
  • Tall
  • Page title band
  • Page header over a deep divider
  • Short notice, e.g. a thank-you message
  • Listing page header
  • Page opener with standfirst
  • Full screen
Spacing overrides
Band paddingText
Inner row paddingText
Text column widthText
Space under the textText

Assan Hero Media Player 11 options

OptionChoicesNotes
Content
TitleText, several lines
TextText, several lines
BadgeTextShown when Background is “Boxed - contents only, for a dark rounded panel”.
Note under the buttonTextShown when Background is “Boxed - contents only, for a dark rounded panel”.
Button labelText
Button linkLink
Button shape
  • Pill
  • Square
Player
Provider
  • Vimeo
  • YouTube
Video IDTextJust the id, not the full URL - e.g. 76979871 for vimeo.com/76979871.
Style
Background
  • Gradient blur
  • Boxed - contents only, for a dark rounded panel
  • Light
  • White
  • Dark
  • Primary
Shape divider
  • None
  • Blob
  • Wave
  • Diagonal

Assan Hero Newsletter 12 options

OptionChoicesNotes
Content
EyebrowText
TitleText, several lines — default Make an impact with stunning design
TextText, several lines — default Build a stunning website that attracts visitors
Title size
  • Display 1 - largest
  • Display 2
  • Display 3
  • Display 4
  • Display 5 - smallest
Signup form
Field placeholderText — default Enter your email
ButtonText — default Get started
Small printText — default No credit card required. Cancel anytime.
Send signups toTextLeave empty to use the site admin address.
Email subjectText — default Newsletter signup
Success messageText — default Thanks — you are on the list.
Layout
Background
  • Soft blurred gradient
  • Primary gradient
  • Dark
  • Light
Height
  • Standard
  • Tall

Assan Hero Pricing 12 options

OptionChoicesNotes
Content
TitleText, several lines
TextText, several lines
Scroll-down linkLinkThe bouncing chevron under the copy. Point it at the anchor of the next section.
Plan card
Plan nameText — default Free
CurrencyText — default $
PriceText
FeaturesA list you add rows to. Each row: Feature.
Button labelText
Button linkLink
Small printText, several linesBasic HTML is allowed, so this can carry a link.
Style
Mesh start colourColour — default hsl(347, 100%, 72%)
Mesh end colourColour — default hsl(227, 100%, 50%)

Assan Hero Slider 11 options

OptionChoicesNotes
Slides
SlidesA list you add rows to. Each row: Background image, Title, Text, Button label, Button link.
Button style
  • Primary
  • White, label swaps on hover
Title size
  • Display 1 - largest
  • Display 2
  • Display 3
  • Display 4
Space under the title
  • Standard
  • Wide - a title straight over its button
Transition
  • Fade
  • Slide over - the outgoing slide sinks back
Height
  • Tall
  • Standard
  • Home slider - 660px, scaling down on small screens
Overlay darkness (%)Number — default 50
Previous / next arrowsOn / Off — on by defaultThe demo homepage hero shows bullets only.
BulletsOn / Off — on by default
AutoplayOn / Off — on by default
Seconds per slideNumber — default 6000Shown when Autoplay is on.

Assan Hero Split 18 options

OptionChoicesNotes
Content
EyebrowText
TitleText, several lines — default Build stunning websites with ease
TextText, several lines
Title size
  • Display 1 - largest
  • Display 2
  • Display 3
  • Display 4
  • Display 5 - smallest
Media
Treatment
  • Rounded photo
  • Illustration - no frame
  • Squircle mask
  • Blob mask
  • Three-image tiles
  • Two phone screens, field and button under the copy
  • App screenshot, email field and button under the copy
ImageImage
Second imageImageShown when Treatment is “Three-image tiles” or “Two phone screens, field and button under the copy”.
Field placeholderTextShown when Treatment is one of the two field-and-button treatments.
Small print under the fieldTextShown when Treatment is “App screenshot, email field and button under the copy”.
Tile image 3ImageShown when Treatment is “Three-image tiles”.
Buttons
Primary buttonText — default Get started
Primary linkLink
Secondary buttonText
Secondary linkLink
Button hover
  • Sliding arrow
  • Rising fill
  • None
Button shape
  • Pill
  • Rounded corners, wide
  • Normal size, rounded corners
  • Square
Layout
Background
  • Soft blurred gradient
  • Primary gradient
  • Dark
  • Light
  • None
Media on the leftOn / Off — off by default
Height
  • Standard
  • Tall

Assan Hero Typed Text 16 options

OptionChoicesNotes
Content
Text beforeText
Typed phrasesText, several linesOne phrase per line. They cycle in place.
Text afterText
Intro textText, several lines
Button labelText
Button linkLink
Second buttonText
Second button linkLinkShown when Second button is set.
Open it in the lightboxOn / Off — off by defaultFor a video link, as the startup landing page uses. Shown when Second button is set.
Layout
  • Centred
  • Banner - dark band over a parallax picture, typed word on its own line
  • Split - copy left, picture right
The split needs a picture.
PictureImageShown when Layout is “Split - copy left, picture right” or “Banner - dark band over a parallax picture, typed word on its own line”.
Picture corners
  • Square - a flat illustration
  • Rounded
  • Rounded, deeper
Shown when Layout is “Split - copy left, picture right”.
Typed text colour
  • Warning
  • Primary
  • Info
  • Success
  • White
Background
  • Gradient
  • Dark
  • Light
  • No band - the page's own background
Height
  • Compact - inline caption
  • Standard
  • Band - an ordinary section's rhythm
  • Tall
Dashed scribbleOn / Off — off by defaultThe theme's pencil stroke hanging off the left edge.

Assan Hero Video 16 options

OptionChoicesNotes
Content
TitleText, several lines
TextText, several lines
Background video (MP4)Image
Or a video URLTextYouTube, Vimeo or a direct MP4 link. Takes precedence over the upload.
Background
  • Dark
  • Gradient primary
  • Gradient secondary
Parallax driftOn / Off — off by default
Poster imageImageShown while the video loads, and where autoplay is blocked.
Copy width
  • Narrower on wide screens
  • Ten columns throughout
Title size
  • Largest
  • Extra large
  • Large
  • Medium large
  • Medium
Play labelTextThe theme's ripple play button with its label beside it, opening the film in the lightbox. Replaces the button below.
Film to playLinkShown when Play label is set.
Shape divider
  • None
  • Wave
  • Wave - soft, three layers
  • Angled cut
  • Diagonal
  • Slope - deep diagonal sweep
  • Curve
Button labelText
Button linkLink
Overlay darkness (%)Number — default 50
Height
  • Tall
  • Deep - even band, room under the play button
  • Standard

Content 31

Assan Accordion 4 options

OptionChoicesNotes
Items
ItemsA list you add rows to. Each row: Question, Answer.
Group headingTextOptional heading above the questions, underscored with the design's short rule.
Style
  • Bordered - collapsible
  • Cards - a swipeable stack, one question each
  • Boxed - every answer always open
  • Default
Open the first itemOn / Off — on by default

Assan Account Form 4 options

OptionChoicesNotes
Account Form
Form
  • Sign in
  • Sign up
  • Reset password
Link to the other formLinkSign in links to sign up, and the other way round. Leave empty to hide the line.
Forgot-password linkLinkDefaults to WooCommerce's own reset page. Shown when Form is “Sign in”.
After signing in, go toLinkDefaults to My Account. Shown when Form is not “Reset password”.

Assan Billing Switch 4 options

OptionChoicesNotes
Switch
Annual labelText — default Annually
Annual noteTextThe small italic aside, e.g. "save 30%".
Monthly labelText — default Monthly
Price selectorText — default .priceWhich prices the switch drives. Leave as .price unless you have two sets of plans on one page.

Assan Blockquote 5 options

OptionChoicesNotes
Quote
QuoteText, several lines — default Great things in business are never done by on…
AttributionText
Treatment
  • Rule only
  • Bare - centred pull quote, no rule
  • Tinted panel
Size
  • Display
  • Large
  • Small
Alignment
  • Left, rule on the left
  • Centred
  • Right, rule on the right

Assan Button 10 options

OptionChoicesNotes
Button
LabelText — default Learn more
LinkLink
Style
  • Link
  • Primary
  • Secondary
  • Success
  • Danger
  • Warning
  • Info
  • Dark
  • Light
  • White
  • Gray
  • Outline primary
  • Outline secondary
  • Outline success
  • Outline danger
  • Outline warning
  • Outline info
  • Outline dark
  • Outline light
  • Outline white
  • Outline gray
Hover effect
  • None
  • Arrow slides in
  • Lifts
  • Arrow and lift
  • Label swaps upward
The theme's own button modifiers.
Label on hoverTextLeave empty to repeat the label, which is what most of the demo does. Shown when Hover effect is “Label swaps upward”.
Full widthOn / Off — off by default
Size
  • Normal
  • Small
  • Large
Shape
  • Pill
  • Square
  • Rise fill
  • Rise fill in a circle
  • Circle ripple (icon only)
Icon classTextOptional, e.g. bi-arrow-right.
Alignment
  • Left
  • Centred
  • Right

Assan Call To Action 25 options

OptionChoicesNotes
Content
TitleText — default Ready to get started?
TextText, several lines
Button labelText — default Contact us
Button linkLink
Style
Accent rule
  • None
  • Success
  • Primary
  • Warning
  • Secondary
Shown when Background is “Bordered card - sits inside a column, no band”.
Spread across the rowOn / Off — off by defaultCopy ranged left, buttons ranged right, on a common baseline. Split alignment only. Shown when Alignment is “Text left, button right” and Background is not “Quiet note - a rule, a line of help text” or “Bordered card - sits inside a column, no band”.
Second buttonTextShown when Spread across the row is on.
Second button linkLinkShown when Second button is set.
Second button colour
  • Success
  • Primary
  • Secondary
  • Dark
  • White
Shown when Second button is set.
Button corners
  • Default
  • Pill
  • Rounded, slight
  • Rounded
  • Square
Shown when Background is not “Quiet note - a rule, a line of help text”.
Corner shapesOn / Off — off by defaultThe theme's outlined triangle and circle drifting in opposite corners of the band. Shown when Background is not “Quiet note - a rule, a line of help text” or “Bordered card - sits inside a column, no band”.
Background
  • Gradient band
  • Primary band
  • Dark band
  • Light band
  • No band - the page's own background
  • Tinted primary band
  • Rounded panel
  • Rounded gradient panel, copy left, button right
  • Shallow panel with a corner ring
  • Shallow gradient panel with a corner ring
  • Primary band over a parallax picture
  • Quiet note - a rule, a line of help text
  • Bordered card - sits inside a column, no band
  • App download panel - store badges and a phone screen
Background pictureImageShown when Background is “Primary band over a parallax picture” or “App download panel - store badges and a phone screen”.
First store badgeImageShown when Background is “App download panel - store badges and a phone screen”.
Second store badgeImageShown when Background is “App download panel - store badges and a phone screen”.
Band padding
  • None
  • Small
  • Medium
  • Standard
  • Large
The space above and below the content, inside the band. Set it to none where the container around the widget already provides the spacing, so the two do not stack. Shown when Background is not “Quiet note - a rule, a line of help text” or “Bordered card - sits inside a column, no band”.
Extra space at the bottom
  • None
  • Small
  • Medium
  • Large
Holds the content clear of a shape cut into the bottom of the section. Match it to the shape: medium for a shallow slice, large for a deep one. Shown when Background is not “Quiet note - a rule, a line of help text” or “Bordered card - sits inside a column, no band”.
Extra space at the top
  • None
  • Small
  • Medium
  • Large
Clears a shape cut into the top of the section. Shown when Background is not “Quiet note - a rule, a line of help text” or “Bordered card - sits inside a column, no band”.
EyebrowTextSits in the same column as the heading, which is what keeps the two tight together. Shown when Background is not “Quiet note - a rule, a line of help text” or “Bordered card - sits inside a column, no band”.
Eyebrow style
  • Uppercase
  • Accent rule, then the label
Shown when Eyebrow is set and Background is not “Quiet note - a rule, a line of help text” or “Bordered card - sits inside a column, no band”.
Heading size
  • Display 5, light
  • Display 5
  • Display 4
  • Display 3
  • Heading 3
  • Display 6
  • Large, medium weight
Shown when Background is not “Quiet note - a rule, a line of help text”.
Button
  • Solid
  • Outlined, label swaps on hover
  • Outlined pill, arrow slides in
The agency landing page outlines its button on the dark band. Shown when Background is not “Quiet note - a rule, a line of help text”.
Button size
  • Large
  • Normal
Shown when Background is not “Quiet note - a rule, a line of help text” or “Bordered card - sits inside a column, no band” or “Primary band over a parallax picture”.
Button colour
  • From the band
  • Primary
  • White
  • Dark
  • Yellow
Overrides the band default with a solid pill. Shown when Button is “Solid” and Background is not “Quiet note - a rule, a line of help text” or “Bordered card - sits inside a column, no band”.
Alignment
  • Centred
  • Text left, button right
Shown when Background is not “Quiet note - a rule, a line of help text” or “Bordered card - sits inside a column, no band”.

Assan Case Study Intro 4 options

OptionChoicesNotes
Content
Project imageImageSits over the header above it, so put this block directly under a hero.
Image descriptionText
DetailsA list you add rows to. Each row: Label, Value, Link.
Dot patternOn / Off — on by default

Assan Contact Form 14 options

OptionChoicesNotes
Fields
FieldsA list you add rows to. Each row: Label, Placeholder, Field key, Type, Width, Required.
Form
Layout
  • Stacked with labels
  • Inline, placeholders only
Set in a panel
  • No panel
  • Primary
  • Gradient
  • Dark
  • Tinted
A rounded, shadowed card holding the heading, a line of contact detail and the form. The fields lose their own chrome so the panel shows through.
Pull up over the section aboveOn / Off — off by defaultThe consultancy landing page overlaps its hero this way. The hero needs matching bottom space. Shown when Set in a panel is not “No panel”.
Panel headingTextShown when Set in a panel is not “No panel”.
Line under the headingTextShown when Set in a panel is not “No panel”.
Icon on that lineTextA Bootstrap Icons class. Shown when Set in a panel is not “No panel”.
Button labelText — default Send
Button style
  • Primary
  • Dark
  • Light
  • Outline
Send toTextLeave empty to use the site admin address.
Email subjectText
Success messageText
Message box height (rows)Number — default 5
Small printText, several lines

Assan Countdown 13 options

OptionChoicesNotes
Countdown
Style
  • Columns
  • Circles
Counts down to
  • A fixed date
  • A time from the visit
A time from the visit restarts for every visitor, so a demo offer never reads zero.
DateDate and timeThe clock hides itself once this passes. Shown when Counts down to is “A fixed date”.
Hours from the visitNumber — default 24Shown when Counts down to is “A time from the visit”.
UnitsChoiceShown in this order regardless of how you pick them. Drop Days only on a countdown shorter than a day - the hours figure resets at 24.
"Weeks" labelText
"Days" labelText
"Hours" labelText
"Minutes" labelText
"Seconds" labelText
When it finishesTextReplaces the clock instead of leaving it on a row of zeros. Leave empty to keep the zeros.
Size
  • Normal
  • Large
Alignment
  • Left
  • Centred
  • Right

Assan Counter 10 options

OptionChoicesNotes
Content
NumberNumber — default 927
PrefixText
SuffixText
LabelText — default Projects complete
Label aboveTextSet in the theme's serif italic, above the figure.
Supporting copyText, several linesA sentence under the figure, instead of or as well as the short label. Accepts for a bold lead-in.
Style
  • Plain figure
  • Tile over a slab of colour
  • Solid colour tile, figure as typed
Slab colour
  • Primary
  • Red
  • Yellow
  • Green
  • Blue
  • Secondary
Shown when Style is “Tile over a slab of colour” or “Solid colour tile, figure as typed”.
Figure size
  • Large
  • Medium
  • Small
Small sets the figure as a heading rather than a display number - the demo uses it where a pair of stats sits beside a quote.
Number colour
  • Primary
  • Body
  • White
  • Success

Assan Feature Card 8 options

OptionChoicesNotes
Content
Treatment
  • Stacked - picture above the copy
  • Overlay - caption over the picture
  • Reveal - details on hover
  • Horizontal - picture beside the copy
  • Sticker - tinted card, small illustration beside the copy
Tint
  • Primary
  • Blue
  • Green
  • Red
  • Yellow
Shown when Treatment is “Sticker - tinted card, small illustration beside the copy”.
ImageImage
BadgeText
TitleText
TextText, several lines
Link labelText
LinkLink

Assan Featured Testimonial 12 options

OptionChoicesNotes
Quote
QuoteText, several lines
NameText
RoleText
PictureImage
Company logoImage
Layout
  • Quote beside a picture, on a tinted ground
  • Gradient header band - picture left, quote right
First buttonTextShown when Layout is “Gradient header band - picture left, quote right”.
First button linkLinkShown when Layout is “Gradient header band - picture left, quote right”.
Second buttonTextShown when Layout is “Gradient header band - picture left, quote right”.
Second button linkLinkShown when Layout is “Gradient header band - picture left, quote right”.
Invert the logoOn / Off — off by defaultSuits the theme's dark monochrome partner marks; leave off for a colour logo. Shown when Layout is not “Gradient header band - picture left, quote right”.
Figures
FiguresA list you add rows to. Each row: Number, Suffix, Label.Counted up as they scroll into view. The design shows two.

Assan Icon Card 15 options

OptionChoicesNotes
Content
Icon classText — default bi-lightning-chargeA Bootstrap Icons class, such as bi-star. See icons.getbootstrap.com for the full set.
TitleText — default Feature heading
TextText, several lines
Link labelText
LinkLinkShown when Link label is set.
Spacing
  • Standard
  • Tight - badge closer, no space under the copy
Card
  • None
  • Raised card, lifts on hover
  • Callout - pale panel, accent rule, icon beside
  • Tinted panel in the accent colour, icon beside
  • Leaf - bordered card, two corners squared, blob badge
  • Lift card with a solid disc riding its top edge
Accent
  • Primary
  • Yellow
  • Green
  • Blue
  • Red
Title size
  • Default
  • h4
  • h3
  • h2
ChecklistA list you add rows to. Each row: Item.A ticked list under the copy, as the service blocks in the demo.
Style
Link style
  • Underlined link with an arrow
  • Ruled link with a chevron
  • Small light button, icon inside it
The button style moves the icon into the button, so no badge is drawn above - the contact channels on the second contact page.
Copy size
  • Body
  • Small
Icon style
  • Blob - large organic badge
  • Plain - glyph only
  • Gradient fill
  • Bare glyph, 5x
  • Soft tint
  • Small tinted square
  • Solid disc in the accent colour
  • Outline
  • Dark
Icon position
  • Above the text
  • Beside the text
Alignment
  • Left
  • Centred

Assan List 6 options

OptionChoicesNotes
Items
ItemsA list you add rows to. Each row: Text, Heading, Link, State.
Style
Style
  • Ticked
  • Plain
  • Chevron links
  • Disc markers
  • Circle markers
  • Ticks, roomy - for a few long points
  • Facts - label left, value right, ruled
  • List group
  • List group - flush
  • List group - linked panels
Tick iconTextA Bootstrap Icons class. Leave empty for the design's own tick. Shown when Style is “Ticked”.
Accent classTextColours the tick or the link, e.g. text-primary. Shown when Style is “Ticked” or “Chevron links”.
ColumnsNumber — default 1Splits the items across a row, as the design sets its lists three across. Shown when Style is “Ticked” or “Plain” or “Chevron links” or “Disc markers” or “Circle markers”.
Small textOn / Off — off by default

Assan Logo Strip 9 options

OptionChoicesNotes
Logos
HeadingText
Typed wordsText, several linesOne per line. They type themselves out after the title, as on the theme's "Clients who love our Ideas..." caption. Leave empty for a plain caption.
LogosA list you add rows to. Each row: Logo, Company name, Link.
Columns
  • 2
  • 3
  • 4
  • 5
  • 6
How many marks sit across on a large screen. Shown when Treatment is “Carousel in a panel” or “Columns - five across, no rules”.
Greyscale the logosOn / Off — on by default
Treatment
  • Strip - centred row of marks
  • Inline - caption left, marks to its right
  • Columns - five across, no rules
  • Carousel in a panel
  • Grid - bordered cells
  • Panel - strip inside a tinted block
  • Marquee - a row that drifts continuously
Panel colour
  • None
  • Yellow
  • Primary
  • Secondary
  • Dark
Shown when Treatment is “Carousel in a panel”.
Pull up over the section aboveOn / Off — off by defaultThe agency landing page overlaps its hero this way. The hero needs matching bottom padding. Shown when Treatment is “Carousel in a panel”.
Marquee duration (seconds)Number — default 30How long one full pass takes. Higher is slower. Shown when Treatment is “Marquee - a row that drifts continuously”.

Assan Media & Text 34 options

OptionChoicesNotes
Content
ImageImage
EyebrowText
Eyebrow style
  • Uppercase
  • Accent rule, then the label
  • Serif italic
The creative landing page leads its eyebrows with a short coloured rule. Shown when Eyebrow is set.
TitleText, several lines
TextText, several lines
Tick listText, several linesOne item per line.
Text size
  • Body, muted
  • Lead - larger and lighter
List spacing
  • Compact
  • Spaced, with a faded bullet
List bullet
  • Tick in a circle
  • Open ring
  • Dot
  • Tick
  • Arrow
Bullet colour
  • Muted
  • Primary
  • Yellow
  • Green
  • Blue
  • Red
  • White
List columns
  • One
  • Two
Icon above the titleImageAn SVG line drawing, as the agency landing page heads each service column with.
White iconOn / Off — off by defaultFor a dark section. Shown when Icon above the title is set.
Button labelText
Button linkLink
Button style
  • Solid
  • Outlined
  • Underlined text link with an arrow
Shown when Button label is set.
Label swaps upward on hoverOn / Off — off by defaultShown when Button label is set.
Note beside the buttonTextSits alongside the button on a wide screen and under it on a phone. Basic HTML is allowed.
Layout
Image side
  • Left
  • Right
Image columns
  • 4 of 12
  • 5 of 12
  • 6 of 12
  • 7 of 12
Text column width
  • Fill the rest of the row
  • 4 / 12
  • 5 / 12
  • 6 / 12
  • 7 / 12
Set this to leave air between the columns rather than filling the row.
Gap between the columns
  • None
  • One column
  • Two columns
Applied from the xl breakpoint up, as the demo does.
Play link (video URL)TextPhone layout: shows a round play button, with the note beside it, in place of the button. Shown when Image mask is “Phone screen in a dark bezel, dots behind”.
Image crop
  • Tall card
  • Natural proportions
Drop shadow on the pictureOn / Off — off by defaultShown when Second picture is empty.
Image shape
  • Block - one corner square
  • Square
  • Rounded
  • Rounded large
  • Pill
  • Circle
Second pictureImageStacks the theme's two-picture composition - this one overlaps the bottom-left corner of the first. Overrides the mask and shape settings.
Dotted patternOn / Off — off by defaultDrifts the theme's dot grid behind the top-right of the composition. Shown when Second picture is set.
Image mask
  • None - a plain rounded picture
  • Blob - cut to the theme's organic shape
  • Squircle - a deeply rounded square
  • Phone screen in a dark bezel, dots behind
The blob mirrors itself on alternate rows - see the next option.
Mirror the blob when the image is
  • On the right
  • On the left
Shown when Image mask is “Blob - cut to the theme's organic shape”.
Column spacing
  • Pushed to the edges
  • Free space shared around the columns
  • Packed from the start - with a column gap
Only shows when the two widths add up to less than twelve.
Panel behind the picture
  • None
  • Yellow
  • Primary
  • Secondary
  • Green
  • Blue
  • Red
A block of colour filling the bottom three quarters behind the picture. Best with a cut-out PNG. Shown when Image mask is not “Blob - cut to the theme's organic shape”.
Title size
  • Default
  • display-6
  • display-5
  • h3
Vertical align
  • Top
  • Centre
  • Bottom
OptionChoicesNotes
Content
Style
  • Basic - header, body, actions
  • Sign in
  • Newsletter - picture and form
Trigger buttonText — default OpenLeave empty to open the dialog from elsewhere with data-bs-target.
TitleText — default Modal title
TextText, several lines
Dismiss buttonText — default CloseShown when Style is “Basic - header, body, actions”.
Action buttonTextShown when Style is “Basic - header, body, actions”.
Action linkLinkShown when Style is “Basic - header, body, actions”.
Sign-up promptTextThe line before the sign-up link, e.g. "Don't have an account yet?". Shown when Style is “Sign in”.
Sign-up linkLinkShown when Style is “Sign in”.
Other sign-in optionsA list you add rows to. Each row: Label, Icon, Link.Shown under an "or" rule. These are links - the sign-in itself is handled by whichever plugin provides it. Shown when Style is “Sign in”.
PictureImageShown when Style is “Newsletter - picture and form”.
Send signups toTextLeave empty to use the site admin address. Shown when Style is “Newsletter - picture and form”.
Email subjectTextShown when Style is “Newsletter - picture and form”.
Thank-you messageTextShown when Style is “Newsletter - picture and form”.
Submit buttonTextShown when Style is “Sign in” or “Newsletter - picture and form”.
Style
Trigger button style
  • Grey
  • Primary
  • Outlined
  • Dark
Width
  • Default
  • Large
The newsletter dialog is always large, as the design has it. Shown when Style is not “Newsletter - picture and form”.
Centre verticallyOn / Off — off by defaultShown when Style is not “Newsletter - picture and form”.

Assan Newsletter Panel 13 options

OptionChoicesNotes
Content
HeadingText — default Get stories direct to your inbox
Field placeholderText
Button labelText
Small printText, several linesThe words "Privacy Policy" are linked automatically when a privacy page is set in Settings → Privacy.
Delivery
Send signups toTextDefaults to the site admin address.
Email subjectText
Success messageText
Style
Panel
  • Gradient
  • Primary
  • Dark
  • Light
  • No panel - sits on the band behind it
Size
  • Panel - full width, generous
  • Card - half width, tight
The card is what the business landing page floats at the join between two bands.
Picture above the formImageTurns the panel into the theme's signup card: a picture with a wave cut into its foot, then the form.
Line above the headingText
Dotted block behind the card
  • None
  • Yellow
  • Primary
  • Secondary
Sits behind the card at the bottom left, as the creative landing page does.
Show the arc artworkOn / Off — on by default
OptionChoicesNotes
Page Header
Layout
  • Centred - trail above the title
  • Split - title left, trail right
  • Stacked - title then trail, left
  • Listing header - trail then a large title, left
Where the breadcrumb trail sits relative to the title.
Background
  • None - the page background
  • Tinted
  • Dark
  • Gradient
  • Image
Background imageImageShown when Background is “Image”.
TitleTextLeave empty to use the title of the page this sits on.
StandfirstText, several lines
Breadcrumb trailA list you add rows to. Each row: Label, Link.Leave empty to use the theme's own trail, which follows the page it sits on. The last crumb is never linked.

Assan Pricing Table 13 options

OptionChoicesNotes
Plan
Plan nameText — default Professional
Short descriptionText
Currency symbolText — default $
PriceText — default 49
Monthly priceTextSet this and the price above becomes the annual one, so a Billing Switch on the page can count between them. Leave empty for a single price.
PeriodText
FeaturesText, several linesOne per line. Start a line with - to show it as not included.
Button & Style
Button labelText — default Choose plan
Button linkLink
BadgeText
Layout
  • Standard card
  • Illustrated - picture, centred price, button, then the list
PictureImageShown when Layout is “Illustrated”.
Price size
  • Standard
  • Large
Button on a plain plan
  • Primary outline
  • Solid secondary
Highlight this planOn / Off — off by default

Assan Process Steps 6 options

OptionChoicesNotes
Steps
StepsA list you add rows to. Each row: Marker, Icon, Title, Text.
Layout
Direction
  • Across a row
  • Across a row, number in a ring
  • Stacked list
Columns
  • 2
  • 3
  • 4
Shown when Direction is “Across a row”.
Marker style
  • Number
  • Icon
Shown when Direction is not “Across a row” or “Across a row, number in a ring”.
Gap
  • Small
  • Medium
  • Large
Text weight
  • Muted caption
  • Lead body copy

Assan Progress Bars 7 options

OptionChoicesNotes
Bars
BarsA list you add rows to. Each row: Label, Percentage, Bar colour.
Show the percentageOn / Off — on by default
Bar height
  • Thin
  • Normal
  • Thick
Corners
  • Rounded
  • Square
Percentage position
  • On the label row
  • Inside the bar
Shown when Show the percentage is on.
Layout
  • One bar per item
  • Segments of one bar
Stacked matches the theme's "multiple separated" track.
Animate on scroll (AOS)On / Off — off by default
OptionChoicesNotes
Project Links
Link labelText — default Visit ProjectLeave empty for share icons only.
Link goes toLinkShown when Link label is set.
Show the share iconsOn / Off — on by defaultFacebook, X and LinkedIn, each sharing this page.
Share labelText — default ShareShown when Show the share icons is on.

Assan Section Divider 4 options

OptionChoicesNotes
Section Divider
Shape
  • Tall wave
  • Wave
  • Angled cut
  • Diagonal
  • Diagonal, mirrored
  • Crest
  • Swell
  • Swell, deeper
Colour
  • Primary
  • Secondary
  • Dark
  • Light
  • Tinted
  • Page background
Edge
  • Bottom
  • Top
Flip verticallyOn / Off — off by default

Assan Section Heading 14 options

OptionChoicesNotes
Content
EyebrowText
Eyebrow style
  • Uppercase
  • Accent rule, then the label
  • Muted, sentence case
  • Tinted badge
  • Tinted badge, green
The creative landing page leads its eyebrows with a short coloured rule. Shown when Eyebrow is set.
TitleText, several lines
TextText, several lines
Alignment
  • Centred
  • Left
  • Split - title left, copy beside it
Copy size
  • Lead throughout
  • Lead first paragraph, then body
  • Body size
Copy width
  • Full column
  • Three quarters
  • Inset from the right
Space under the title
  • Standard
  • Wider
  • Widest
Title tag
  • H2
  • H1
Use H1 when this heading opens the page and there is no hero above it.
Accent rule
  • None
  • Primary
  • Success
  • Warning
  • Secondary
A short bar of colour under the block, as the contact page rules its headings off.
LinkTextThe theme's underlined text link with a trailing arrow. Leave empty for none.
Link goes toLinkShown when Link is set.
Title size
  • Extra large
  • Large
  • Medium large
  • Medium
  • Small
Column width
  • Full
  • Wide
  • Medium
  • Narrow
OptionChoicesNotes
Sidebar
Widget area
  • Primary Sidebar
  • Shop Sidebar
  • Offcanvas Panel
  • Footer Newsletter
  • Footer Column 1
  • Footer Column 2
  • Footer Column 3
  • Footer Column 4
Widgets are managed under Appearance → Widgets.

Assan Tabs 5 options

OptionChoicesNotes
Tabs
TabsA list you add rows to. Each row: Tab label, Icon class, Content, Line under the label, Picture, Picture side, Round and shadow the picture, Badge, Heading, Link label, Link. A tab with a picture becomes two columns: the picture, and the badge, heading, copy and link beside it.
Style
  • Tabs - underlined row
  • Pills - capsule
  • Pills - full width capsule
  • Pills - plain labels, sliding tinted marker
  • Steps - icon, label and a line left, picture right
  • Vertical - compact list beside the content
  • Side pills - heading and large links left, content right
EyebrowTextShown when Style is “Side pills - heading and large links left, content right”.
HeadingTextShown when Style is “Side pills” or “Steps”.
Video linkTextA YouTube or Vimeo address; puts a play button over the pictures. Shown when Style is “Steps”.
Alignment
  • Left
  • Centred
Shown when Style is “Tabs - underlined row” or “Pills - capsule”.

Assan Team Member 9 options

OptionChoicesNotes
Member
PhotoImage
NameText
RoleText
Short bioText, several lines
LocationText
Alignment
  • Centred
  • Left
Social links
FacebookLink
X (Twitter)Link
LinkedInLink

Assan Testimonial 14 options

OptionChoicesNotes
Content
QuoteText, several lines
AvatarImage
NameText
RoleText
Rating
  • Hidden
  • 1
  • 2
  • 3
  • 4
  • 5
Style
  • Plain
  • Card
  • Pull quote
  • Serif quote, portrait beside the name
  • Signed, display-size quote across the band
  • Brand split card
  • Serif pull quote under a white logo - for a primary band
  • Customer story card - logo panel, portrait on the seam
Portrait size
  • Default
  • Large
  • Extra large - a band-wide quote
Quote size
  • Lead
  • Display 6
  • Display 5
  • Display 5, serif
  • Display 4
A testimonial standing alone on its own band is set much larger in the demo.
Avatar position
  • Above the quote
  • Beside the quote
  • With the attribution
Shown when Style is “Plain” or “Card”.
Brand logoImageThe tinted panel of the split card, or above the quote on a plain one. Shown when Style is “Brand split card” or “Customer story card - logo panel, portrait on the seam” or “Plain” or “Pull quote” or “Serif pull quote under a white logo - for a primary band”.
Invert the logoOn / Off — off by defaultFor dark monochrome logos, as the demo uses. Shown when Style is “Brand split card” or “Customer story card - logo panel, portrait on the seam” or “Plain” or “Pull quote” or “Serif pull quote under a white logo - for a primary band”.
Logo panel on the rightOn / Off — off by defaultShown when Style is “Customer story card - logo panel, portrait on the seam”.
Link labelTextShown when Style is “Customer story card - logo panel, portrait on the seam” or “Plain” or “Card”.
LinkLinkShown when Link label is set.

Assan Timeline 3 options

OptionChoicesNotes
Steps
Layout
  • Vertical list
  • Awards - ruled rows, a count at the end of each
  • History slider
Slides in view
  • 1
  • 2
  • 3
  • 4
Shown when Layout is “History slider”.
StepsA list you add rows to. Each row: Date, Title, Text, Icon class, Year, Marker colour.

Assan Typed Text 17 options

OptionChoicesNotes
Typed Text
BeforeTextThe part of the line that stays put.
Typed phrasesText, several linesOne per line. They are typed and deleted in turn.
AfterText
Phrase colour
  • Same as the line
  • Primary
  • Secondary
  • Success
  • Warning
  • Danger
  • Info
  • White
Layout
HTML tag
  • H1
  • H2
  • H3
  • H4
  • H5
  • H6
  • P
  • DIV
Size
  • From the tag
  • Display 1
  • Display 2
  • Display 3
  • Display 4
  • Display 5
  • Display 6
  • Heading 1
  • Heading 2
  • Heading 3
  • Heading 4
  • Heading 5
  • Heading 6
  • Lead
Sets the look without changing the tag, so headings stay in order.
Alignment
  • Left
  • Centred
  • Right
Typing
Type speed (ms per character)Number
Delete speed (ms per character)Number
Hold before deleting (ms)Number
Wait before starting (ms)Number
LoopOn / Off — on by defaultOff stops on the last phrase.
Shuffle the orderOn / Off — off by default
Smart backspaceOn / Off — off by defaultKeeps whatever the next phrase starts with instead of deleting the whole word.
Fade out instead of deletingOn / Off — off by default
Show the cursorOn / Off — on by default
Cursor characterTextShown when Show the cursor is on.

Media 8

Assan Card Grid 5 options

OptionChoicesNotes
Layout
Card style
  • Overlay - caption always on
  • Overlay - caption on hover
  • Hover panel - meta, tags and a link
  • Split text - letters rise on hover
  • Split image - picture drops in as columns
  • Article - wave cut, date and excerpt
  • Case study - tinted card with a button
  • Reveal - picture wipes in, rule under the caption
  • Product - padded picture and a price
  • Tile - big label over a darkened picture
Which fields a card uses depends on this. Anything left empty is simply not drawn.
Columns
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
On the widest screens. Narrower ones step down on their own - five and six start at two across on a phone.
Arrangement
  • Grid - even rows
  • Masonry - cards pack together
Masonry suits pictures of different heights; a grid keeps the rows straight.
Gap
  • None
  • Tight
  • Small
  • Medium
  • Large
Cards
CardsA list you add rows to. Each row: Picture, Title, Subtitle, Link, Meta line, Meta icon, Tags, Button or link text, Price, Price before.

Assan Figure 11 options

OptionChoicesNotes
Content
ImageImage
Image descriptionText
CaptionText
Open in lightboxOn / Off — off by defaultClicking the picture opens it full size.
Lightbox groupTextGive several figures the same name to page through them as one gallery. Leave empty and this picture opens on its own. Shown when Open in lightbox is on.
Style
Width
  • Fill the column
  • No wider than the picture itself
Corners
  • Rounded
  • Slightly rounded
  • Square
ShadowOn / Off — on by default
Quote markOn / Off — off by defaultFloats the theme's quote mark in a raised disc over the top corner, for a picture set beside a testimonial.
Dot patternOn / Off — off by defaultA decorative flourish behind the right edge.
Caption alignment
  • Centred
  • Left
OptionChoicesNotes
Gallery
ImagesImages
Layout
  • Grid
  • Collage - the theme's four-picture pinwheel
  • Band - a full-width strip of five
The collage takes the first four pictures and the band the first five; both ignore the column, gap and lightbox settings.
Columns
  • 1
  • 2
  • 3
  • 4
Shown when Layout is “Grid”.
Spacing
  • None
  • Tight
  • Normal
  • Wide
Open in a lightboxOn / Off — on by default

Assan Map 7 options

OptionChoicesNotes
Map
LatitudeText — default 40.6782
LongitudeText — default -73.9442
ZoomNumber — default 13
HeightNumber — default 350In pixels.
Accessible labelTextRead out in place of the map by a screen reader.
Bordered and raisedOn / Off — on by default
Show a "larger map" linkOn / Off — off by default

Assan Marquee 7 options

OptionChoicesNotes
Content
Mode
  • Words
  • Logos
ItemsA list you add rows to. Each row: Text, Logo.
SeparatorText — default •Shown when Mode is “Words”.
Text size
  • Small
  • Medium
  • Large
  • Huge
Shown when Mode is “Words”.
Motion
Loop secondsNumber — default 30Higher is slower.
Direction
  • Right to left
  • Left to right
Outline textOn / Off — off by default

Assan Parallax 15 options

OptionChoicesNotes
Content
EyebrowText
TitleText, several lines
TextText, several lines
Button labelText
Button linkLink
Background
Background imageImageLeft behind when a video is set - the video covers it.
Background videoTextA Vimeo, YouTube or direct MP4 URL, e.g. https://vimeo.com/40842620.
Darken the picture (%)Number — default 0Fades the image towards the dark section behind it, so text stays readable.
Drift speedNumber — default 0.2The design uses 0.2. Lower drifts more, 1 pins the background still.
Layout
Layout
  • Banner
  • Pull quote - centred, signed underneath
Height
  • Half the window
  • Three quarters
  • Full window
  • Fit the content
Alignment
  • Left
  • Centred
Title size
  • display-1
  • display-2
  • display-3
  • display-4
  • h1
  • h2
Button hover
  • Plain
  • Arrow
Button shape
  • Pill
  • Square

Assan Video 11 options

OptionChoicesNotes
Video
Source
  • YouTube
  • Vimeo
  • Self-hosted file
Video link or IDTextPaste the address from the browser, or the ID on its own. Shown when Source is not “Self-hosted file”.
Video fileImageShown when Source is “Self-hosted file”.
Poster imageImageWhat shows before play is pressed. Shown when Source is “Self-hosted file”.
Preload
  • Nothing until play
  • Length and dimensions only
  • The whole file
The demo uses "nothing until play", which is what keeps a video off the page weight. Shown when Source is “Self-hosted file”.
Playback
Aspect ratio
  • From the video
  • 16:9
  • 4:3
  • 1:1
  • 21:9
  • 9:16 (portrait)
Play on loadOn / Off — off by defaultBrowsers only allow this with the sound off, so it mutes the video too.
Start mutedOn / Off — off by defaultShown when Play on load is off.
LoopOn / Off — off by default
Frame
Rounded cornersOn / Off — on by default
Drop shadowOn / Off — on by default

Assan Video Popup 7 options

OptionChoicesNotes
Video
Video URLLinkYouTube, Vimeo or a direct video file.
Poster imageImage
CaptionText
Poster corners
  • Rounded
  • Rounded, deeper
  • Rounded, deepest
Shown when Poster image is set.
Raise the posterOn / Off — off by defaultShown when Poster image is set.
Button style
  • Outline with ripple
  • Solid, small, label beside it
  • Solid primary
Alignment
  • Centred
  • Left

Posts 7

Assan Next Project 5 options

OptionChoicesNotes
Content
Project nameTextLeave empty and the block does not render - which is what the last project in a series wants.
Small printText — default Next project
LinkLink
Reveal imageImageShown under the cursor as the visitor moves over the link.
Background
  • Tinted
  • Light
  • None

Assan Portfolio Grid 14 options

OptionChoicesNotes
Layout
Card style
  • Classic - image, title, categories
  • Overlay - details on hover
  • Case study - button on hover, coloured body beneath
  • Masonry - uneven heights
  • Full width - edge-to-edge split-hover tiles
  • Carousel - swiper of overlay tiles
Keep image proportionsOn / Off — off by defaultStop cropping thumbnails so tiles vary in height. The masonry card style does this already. Shown when Card style is “Full width - edge-to-edge split-hover tiles” or “Overlay - details on hover”.
First card
  • Tinted in the primary colour
  • Plain, like the rest
Shown when Card style is “Case study - button on hover, coloured body beneath”.
Tile shape
  • Cropped thumbnail
  • Square
Square is what the portfolio listing pages use. Ignored when image proportions are kept. Shown when Card style is “Classic - image, title, categories” or “Overlay - details on hover” or “Full width - edge-to-edge split-hover tiles” or “Carousel - swiper of overlay tiles”.
Heading beside the filterTextClassic and masonry layouts: sets a title on the same line as the category filter. Shown when Show the category filter is on.
Show the category filterOn / Off — off by defaultFilters between the categories actually used by the projects shown.
Show categories on each cardOn / Off — on by default
Query
Number to showNumber — default 6
Columns
  • 1
  • 2
  • 3
  • 4
Limit to categoriesChoiceLeave empty to show all.
Order by
  • Date
  • Title
  • Manual order
  • Random
Direction
  • Descending
  • Ascending
Shown when Order by is not “Random” or “Manual order”.
Skip firstNumber — default 0Useful when a second block should continue where the first stopped.
Spacing
  • None
  • Tight
  • Normal
  • Wide

Assan Post Grid 13 options

OptionChoicesNotes
Layout
Display as
  • Grid - image above text
  • Feature - centred card, wave cut into the picture
  • Journal - picture, serif date, title
  • Headline - picture, large title, date
  • Carousel - title and arrows above a row of slides
  • List - image beside text
  • Standard - one wide card per row
  • Classic - image and text alternating
  • Masonry - uneven heights
  • Magazine - lead story plus a column
Show the featured imageOn / Off — on by default
Show date and categoriesOn / Off — on by default
Show the excerptOn / Off — on by default
HeadingTextShown when Display as is “Carousel - title and arrows above a row of slides”.
Show paginationOn / Off — off by defaultPages the list through /page/2/. Use it on a blog listing page, not on a section of a longer page.
Query
Number to showNumber — default 6
Columns
  • 1
  • 2
  • 3
  • 4
Limit to categoriesChoiceLeave empty to show all.
Order by
  • Date
  • Title
  • Manual order
  • Random
Direction
  • Descending
  • Ascending
Shown when Order by is not “Random” or “Manual order”.
Skip firstNumber — default 0Useful when a second block should continue where the first stopped.
Spacing
  • None
  • Tight
  • Normal
  • Wide

Assan Products 10 options

OptionChoicesNotes
Products
Show
  • Featured
  • Latest
  • On sale
  • Top rated
  • Best selling
Limit to categoriesChoiceLeave empty for the whole catalogue. This narrows the choice above rather than replacing it.
How manyNumber — default 8
Heading
TitleText — default Featured Products
Title style
  • Serif, light - demo-shop-home-02
  • Plain - demo-shop
ButtonText — default Explore
Button linkLink
Button style
  • Outlined
  • Solid
  • Dark
Shown when Button is set.
Layout
Layout
  • Carousel
  • Grid
ColumnsNumber — default 4From large screens down; the design steps to two and then one on the way to a phone.

Assan Team Grid 18 options

OptionChoicesNotes
Layout
Card style
  • Card - square portrait
  • Tall - portrait crop
  • Raised card - social links on hover, wave cut-off
  • Round portrait - no card
Portrait shape
  • Cropped to 4:3
  • Whole picture, own proportions
Shown when Card style is “Card - square portrait”.
Show the roleOn / Off — on by defaultRead from the member's assan_role custom field.
Show the excerptOn / Off — off by default
Show social linksOn / Off — on by defaultFrom the assan_facebook, assan_twitter, assan_linkedin and assan_dribbble custom fields.
Recruiting tile
HeadingTextFill this in to close the grid with the design's "Join our team?" tile. Leave it empty for no tile.
TextText
Invitation tile style
  • Portrait-height gradient panel
  • Short tinted header with a plus (hover cards)
Shown when Card style is “Raised card - social links on hover, wave cut-off”.
Tile wordText — default YouShown large where a portrait would be.
Height referenceImageAn invisible copy of a portrait, used only to match the neighbouring tiles' height.
Button labelText
Button linkLink
Query
Number to showNumber — default 6
Columns
  • 1
  • 2
  • 3
  • 4
Order by
  • Date
  • Title
  • Manual order
  • Random
Direction
  • Descending
  • Ascending
Shown when Order by is not “Random” or “Manual order”.
Skip firstNumber — default 0Useful when a second block should continue where the first stopped.
Spacing
  • None
  • Tight
  • Normal
  • Wide

Assan Testimonial List 13 options

OptionChoicesNotes
Layout
Display as
  • Grid
  • Carousel
  • One quote at a time, picked by portrait
  • Story cards
  • Brand cards
  • Brand story slider, title and arrows above
HeadingTextShown when Display as is “Brand story slider, title and arrows above”.
Card style
  • Plain
  • Quote panel, portrait and name beneath
  • Logo, large quote, name - for a coloured band
Shown when Display as is “Grid” or “Carousel”.
Show the avatarOn / Off — on by defaultUses the testimonial's featured image. Shown when Display as is not “Story cards” or “Brand cards”.
Show the star ratingOn / Off — on by defaultFrom the assan_rating custom field, 1-5. Shown when Display as is not “Story cards” or “Brand cards”.
Link on each cardTextLeave empty for no link.
Link goes toLinkThe same destination for every card, unless a testimonial names its own in the assan_story_url custom field. Testimonials have no public page of their own. Shown when Link on each card is set.
Query
Number to showNumber — default 6
Columns
  • 1
  • 2
  • 3
  • 4
Order by
  • Date
  • Title
  • Manual order
  • Random
Direction
  • Descending
  • Ascending
Shown when Order by is not “Random” or “Manual order”.
Skip firstNumber — default 0Useful when a second block should continue where the first stopped.
Spacing
  • None
  • Tight
  • Normal
  • Wide

Assan Testimonial Slider 6 options

OptionChoicesNotes
Query
Number to showNumber — default 6
Order by
  • Date
  • Title
  • Manual order
  • Random
Direction
  • Descending
  • Ascending
Shown when Order by is not “Random” or “Manual order”.
Skip firstNumber — default 0Useful when a second block should continue where the first stopped.
Motion
AutoplayOn / Off — on by default
Delay (ms)Number — default 6000Shown when Autoplay is on.

Assan Careers plugin 2

These two appear only while the optional Assan Careers plugin is active.

Assan Job Openings 3 options

OptionChoicesNotes
Openings
Number to showNumber — default -1Use -1 for every open vacancy.
Columns
  • Two - the theme's centred pair
  • Three
Limit to categoriesChoice

Assan Job Categories 2 options

OptionChoicesNotes
Categories
Columns
  • 2
  • 3
  • 4
Hide categories with no vacancyOn / Off — off by default