Components
- Bar Callout
- Before and After Slider
- Consultation Callout
- Contact Information
- Content Accordion
- Content Grid
- Dual Image Content Block
- Form
- Image Content Cards
- Image Grid
- Layered Left Right
- Left Right
- Logos Grid
- Multi Image CTA
- Scrolling Steps
- SEO Block
- Team Grid
- Theme Styles
- Treatment Hero Banner
- Treatment Slider
- Video Left Right
- Video Slider
- What It Treats
- Wide Hero Banner
Dermatologist in Waterloo, IA
Premier Dermatology
Exceptional Care for Excellent Skin
Wide Hero Banner
Banner component that looks best at the top of the page. Two circle svgs on left and right sides of banner.
| Label | Name | Type | Notes |
|---|---|---|---|
| Content | tab | ||
| Content | wide_hero_banner_content | wysiwyg | |
| Media | tab | ||
| Background Image | wide_hero_banner_image | clone | (Clone of Utility : Image) |
| Loop Video URL | wide_hero_banner_loop_video_url | text | |
| Settings | tab | ||
| Bottom Spacing | wide_hero_banner_bottom_spacing | select | Options: 0px, 16px, 32px, 40px, 48px, 64px, 80px. Value is tailwind equivalent ie: lg:pb-16 pb-12 (Clone of Utility : Bottom Spacing) |
| Background Color | wide_hero_banner_background_section | button_group | Used at bottom of component |