Single Highlight

Widget used to only display one highlight instead of the carousel

HTML Snippet

<div class="aploze-widget" data-type="highlight" data-highlight="ID_OF_YOUR_HIGHLIGHT"></div>

By default, the playlist displayed when clicking the highlight is the "All Highlight" playlist that includes all you highlights.

Attributes

Here all attributes you can use in a HTML widget element:

Key

Value

Description

data-type*

String

Widget type

data-highlight*

String

Highlight ID

data-watchlist

String

Playlist ID

data-radius

Boolean

Border Radius

data-dark

Boolean (true or false) or String (auto)

"true" if your background is always dark, "auto" if you support dark & light mode

* Required fields

CSS Classes

You can customize your widget appearance by overwriting the CSS, here all CSS classes you can select:

Name

Description

.aploze-single-highlight

Single Highlight Widget

.aploze-single-highlight-card

Single Highlight Card

.aploze-single-highlight-card-pill

"New" Red Pill

.aploze-single-highlight-card-title

First Big Event Card

.aploze-single-highlight-card-img

Card Image Element

.aploze-single-highlight-card-play

Card Play Icon

.aploze-single-highlight-card-title

Card Highlight Title

.aploze-single-highlight-card-boost

Highlight Boost Wrapper

.aploze-single-highlight-card-boost--title

Boost Title

.aploze-single-highlight-card-boost--emoji

Boost Emoji

Last updated