Components
- Before and After Slider
- Categorized List
- Content Accordion
- Content Grid
- CTA
- Featured Staff
- Folding Chart
- Form
- Hero Collage
- Hero Triple Image
- Image Collage
- Image Content Cards
- Image Grid
- Image List
- Left Right
- Link Card
- LR List
- Membership Callout
- Ocean BG
- Service Details
- Service List
- Stacking Boxes
- Team Member Bio
- Team Member Card
- Testimonial
- Text
- Treatment Link
- VC Concerns
Hero Collage
The description of your component goes here, or any notes you might have about it.
| Label | Name | Type | Notes |
|---|---|---|---|
| Content | tab | ||
| Background Background Color | hero_collage_background_color | button_group | (Clone of Utility : Background Color) |
| Subtitle Heading | hero_collage_subtitle_heading | group | (Clone of Utility : Heading) |
| Title Heading | hero_collage_title_heading | group | (Clone of Utility : Heading) |
| Link | hero_collage_link | link | |
| Media | tab | ||
| Loop Video URL | hero_collage_loop_video_url | text | |
| Looping Video Image | hero_collage_looping_video_image_id | image | (Clone of Utility : Image) |
| Looping Video Image Focus Point | hero_collage_looping_video_image_focus_point | button_group | (Clone of Utility : Image) |
| Looping Video Image Fit | hero_collage_looping_video_image_fit | select | (Clone of Utility : Image) |
| Looping Video Lazy Load | hero_collage_looping_video_image_loading | true_false | (Clone of Utility : Image) |
| Left Image | hero_collage_left_image_image_id | image | (Clone of Utility : Image) |
| Left Image Focus Point | hero_collage_left_image_image_focus_point | button_group | (Clone of Utility : Image) |
| Left Image Fit | hero_collage_left_image_image_fit | select | (Clone of Utility : Image) |
| Left Lazy Load | hero_collage_left_image_image_loading | true_false | (Clone of Utility : Image) |
| Right Image | hero_collage_right_image_image_id | image | (Clone of Utility : Image) |
| Right Image Focus Point | hero_collage_right_image_image_focus_point | button_group | (Clone of Utility : Image) |
| Right Image Fit | hero_collage_right_image_image_fit | select | (Clone of Utility : Image) |
| Right Lazy Load | hero_collage_right_image_image_loading | true_false | (Clone of Utility : Image) |
Choose your background color.
In the Content tab enter your Subtitle and Title. Add your link which will be a button that expands the width of the component.
In the Media tab, add a Loop Video URL and background image which will be the larger one of the group. Then enter a left and right image