Aploze
Search
K
Comment on page

Single Highlight

Widget used to only display one highlight instead of the carousel

HTML Snippet

HTML
<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-wrap
Widget Wrap
.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 modified 3d ago