Skip to main content
Home
PetHub Dev Net (Alpha)

Main navigation

  • Home
  • APIs
  • Widget
  • Apply
User account menu
  • Log in

Breadcrumb

  1. Home

Style Elements

For the default widget  and mini-widget sizes, partners have the ability to edit attributes as shown in the tables below.

Default Styles

Attribute Description
primary-color Textbox outline, text (within textbox), 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 "Register Your Pet"
landing_page_title_2_font_color "In Under Two Minutes"
title_font_color Title of panel
label_font_color Color of the questions on each panel
error_font_color Error message for invalid selection
quotes_page_font_color Color of the text on the submission page

Mini Styles

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 Info' font color
mini_pet_type_font_color 'Dog', 'Cat' font color
mini_disclaimer_font_color Color of the 'Disclaimer' link

Widget Docs Index

  • Introduction
  • Widget Docs
    • Integration Code
    • Appending Data
      • Approach 1
      • Approach 2
      • Approach 3
    • Style Elements
  • Support

Footer

  • Contact
  • Terms of Use
  • API Documentation
  • Widget Documentation
  • Frequently Asked Questions
  • Support

Copyright 2025, PetHub, Inc. All rights reserved.