Font Size Customization #
Control the font size of text elements across your search and detail pages. Available to Junior license and above.
Fonts Tab #
The Fonts tab in admin settings provides dropdown controls for every text element. Each dropdown offers four options:
| Option | Effect |
|---|---|
| Default | Uses the template’s built-in size (no override) |
| Small | Reduces to ~85% of the default size |
| Large | Increases to ~120% of the default size |
| Extra Large | Increases to ~150% of the default size |
Search Font Elements #
| Element | Description |
|---|---|
| Title | Main page heading (e.g., “Adoptable Animals”) |
| Subtitle | Secondary heading below the title |
| Banner | Featured/status banner text on result cards |
| Result Name | Animal name in search result cards |
| Result Labels | Field labels in result cards (e.g., “Breed:”) |
| Result Values | Field values in result cards (e.g., “Labrador Retriever”) |
| Count Text | Result count display (e.g., “24 Animals Found”) |
| Button Labels | Search form buttons (Submit, Sort, CTA) |
Detail Font Elements #
| Element | Description |
|---|---|
| Page Title | Animal name heading on the detail page |
| Section Headings | Section titles (e.g., “About”, “Details”) |
| Field Labels | Attribute labels (e.g., “Breed:”, “Age:”) |
| Field Values | Attribute values (e.g., “2 Years”, “Female”) |
| Description Text | Animal description/bio text |
| Button Labels | Action button text (Email, Call, Adopt, etc.) |
| Stat Values | Values in stat boxes (stats_row/stats_full) |
| Quick Field Values | Values in quick_fields summary area |
Shortcode Overrides #
Three font elements can also be overridden per page via shortcode parameters:
| Parameter | Applies To | Values |
|---|---|---|
title_size |
Search title + detail page title | small, large, xl |
subtitle_size |
Search subtitle | small, large, xl |
banner_size |
Search banner | small, large, xl |
Example:
[pmp-search type="adopt" title_size="xl" subtitle_size="large" subtitle="Find Your New Best Friend"]
Priority Chain #
- Shortcode parameter (highest priority, per-page override)
- Fonts tab admin setting (site-wide default)
- Template default (built-in CSS value)
How It Works #
Font sizes use CSS custom properties. When you select a size in the Fonts tab, PetMatchPro generates a :root CSS variable that overrides the template default. Shortcode overrides apply inline CSS variables on the container element, which take precedence over the admin-generated values.
Next Steps #
- Icon Size Customization — Control icon display sizes
- Color Customization — Customize colors across templates
- Parameters by License Tier — See all tier-gated parameters
Font Size Customization
ultima modifica: 2026-03-28T11:54:02-04:00
da
