---
title: Font Size Customization
description: "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:…"
url: "https://petmatchpro.com/docs/font-size-customization/"
updated: "2026-10-26"
category: "Templates & Design"
---

# 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

1. **Shortcode parameter** (highest priority, per-page override)
2. **Fonts tab admin setting** (site-wide default)
3. **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](https://petmatchpro.com/docs/icon-size-customization/) -- Control icon display sizes
- [Color Customization](https://petmatchpro.com/docs/color-customization/) -- Customize colors across templates
- [Parameters by License Tier](https://petmatchpro.com/docs/parameters-by-license-tier/) -- See all tier-gated parameters

 Font Size Customization ultima modifica:  2026-03-28T11:54:02-04:00 da PetMatchPro