Components
- Before And After Slider
- Circle CTA
- Column Accordion
- Content Accordion
- Content Grid
- Cosmetic Hero
- Dual Image LR
- Dual Link Cards
- Form
- Image Content Cards
- Image Grid
- Image Roll
- Left Right
- Recent Blogs
- Short Hero
- Team Cards
- Team Member Callout
- Testimonials Slider
- Treatment Planner
- Tri Column Illustration
- Wide Info Columns
Circle CTA
The description of your component goes here, or any notes you might have about it.
| Label | Name | Type | Notes |
|---|---|---|---|
| Background Color | circle_cta_background_color | select | |
| Content | circle_cta_content | wysiwyg | |
| Circle Image | circle_cta_circle_image_id | image | (Clone of Utility : Image) |
| Circle Image Focus Point | circle_cta_circle_image_focus_point | button_group | (Clone of Utility : Image) |
| Circle Image Fit | circle_cta_circle_image_fit | select | (Clone of Utility : Image) |
| Circle Lazy Load | circle_cta_circle_image_loading | true_false | (Clone of Utility : Image) |
| Cutout | circle_cta_cutout_image_id | image | |
| Top Spacing | circle_cta_top_spacing | select | |
| Bottom Spacing | circle_cta_bottom_spacing | select |
Circle Image, and Cutout Image both are cropped to be circle.
Circle Image shrinks when the button is hover.
Button needs to be primary or secondary button for image effect to trigger.