Comment on page
Gallery
HTML
<div class="aploze-widget" data-type="gallery"></div>
Here all attributes you can use in a HTML widget element:
Key | Value | Description |
data-type* | String (card, gallery or product) | Widget type |
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 |
data-replay | Boolean (true or false) | Display replay events |
* Required fields
You can customize your widget appearance by overwriting the CSS, here all CSS classes you can select:
Name | Description |
.aploze-gallery | Gallery Widget |
.aploze-gallery-wrap | Widget Wrap |
.aploze-gallery-grid | Widget Grid |
.aploze-gallery-upcoming-title | Upcoming Events Title |
.aploze-gallery-ended-title | Ended Events Title |
.aploze-gallery-card | Event Card |
.aploze-gallery-card-big | First Big Event Card |
.aploze-gallery-card-img-wrap | Card Image Wrap |
.aploze-gallery-card-img | Card Image Element |
.aploze-gallery-card-desc | Card Event Description Part |
.aploze-gallery-card-time | Card Event Time |
.aploze-gallery-card-title | Card Event Title |
.aploze-gallery-card-btn | Card Event Button |
Last modified 3mo ago