CSS Style Attributes
For the default widget size, partners have the ability to edit attributes below. Currently this is configured by Fletch, based on partners inputs.
| Attribute | Description |
|---|---|
| primary-color | Textbox outline, text (within textbook), buttons |
| primary-font-family | CSS web safe type font |
| loader-primary-color | Shaded portion of the loader icon |
| loader-primary-secondary | Outline of the loader icon |
| main_background_color | Main widget background color |
| header_background_color | Header banner (with logo) background color |
| footer_background_color | Disclaimer text footer background color |
| landing_page_title_1_font_color | "Get Pet Insurance" |
| landing_page_title_2_font_color | "In Under Two Minutes" |
| title_font_color | Title of card |
| label_font_color | Color of the questions on each card |
| error_font_color | Error message for invalid selection |
| quotes_page_font_color | Color of the text on the quote page itself |
Specifically for mini widget size, partners have the ability to configure the attributes below:
| Attribute | Description |
|---|---|
| mini_header_background_color | Mini widget background color |
| mini_footer_background_color | Background behind the 'Next' button |
| mini_landing_page_title_font_color | 'Get Pet Insurance' font color |
| mini_pet_type_font_color | 'Dog', 'Cat' font color |
| mini_disclaimer_font_color | Color of the 'Disclaimer' link |
Copyright Fletch Technologies, Inc. 2025