---
title: Style the Estimated Delivery box
description: "- **Text size of the block:** scales every text in the box. 100% is the theme's text size; try 85–90% if it looks too big. - **Title and \"Delivery to\" label:** size, weight and color. - **Colors:** Ordered, Shipped and…"
url: "https://cpodkit.com/docs/style-the-estimated-delivery-box/"
updated: "2026-10-22"
category: Estimated Delivery
---

# Style the Estimated Delivery box

- **Text size of the block:** scales every text in the box. 100% is the theme's text size; try 85–90% if it looks too big.
- **Title and "Delivery to" label:** size, weight and color.
- **Colors:** Ordered, Shipped and Delivered icons, borders and background.

Each color field has an **or variable** box, where you can type a theme CSS variable instead of a fixed color, for example `--fs-color-primary` in Flatsome. Empty uses the theme default.
