---
title: Global Styles
description: "Change fonts, colors and spacing across your whole site from one panel."
url: "https://flatsome.com/global-styles"
lastUpdated: 2026-10-14
---

Global Styles

# Change it once. See it everywhere.

Fonts, colors, spacing, borders, shadows and animations live in one place. Change a token and every page, template and part follows.

[Join early access](https://flatsome.com/pricing.md)

[Browse Templates](https://flatsome.com/templates.md)

Typography

## Type that scales with the screen.

Pick fonts from the font library or upload your own, then build a scale of sizes that grow and shrink between phone and desktop. Headings, body text and buttons all read from the same scale.

Color system

## A color system, not a color list.

Brand colors and neutrals become tokens every block uses. Switch any section to a dark scheme and the same tokens flip with it, with a contrast check to keep text readable.

Spacing and shape

## Spacing, corners and shadows, all tokens.

Set a spacing scale, radius sizes and shadow presets once. Every block offers the same choices, so gaps, corners and depth stay consistent from the header to the footer.

Elements

## Style every element, in every state.

Give links, buttons, headings and inputs their look once, including hover, focus and active states. Then set defaults for any WordPress or Flatsome block, like every product card or every accordion.

Every detail

## Everything that makes a style.

Global Styles uses the standard WordPress theme.json format, so your design stays portable.

Block defaults

Set how every product card or accordion looks.

Animations

Default enter effects and transitions for the site.

Style variations

Switch the whole look in one click.

Font library

Install fonts or upload your own.

Additional CSS

Add your own CSS where you need it.

Standard theme.json

The WordPress format, not a locked one.

## Styles that reach every corner.

Global Styles drive every block, template and module in Flatsome.

Site Builder

Pages, headers, footers and templates on one live canvas.

Templates

Start from a ready-made website and make it yours.

WooCommerce

Product pages, shop layouts, cart and checkout.

Headers and menus

Custom headers and accessible mega menus.

Forms and popups

Contact, booking and newsletter forms without code.

Flatsome MCP

Let your own AI agent build and edit with you.

Sliders and banners

Campaign banners and slides for every launch.

SEO

Titles, descriptions and structured data for search.

## Design your whole site from one panel.

Global Styles is part of every license. Set your fonts and colors once and build every page on top of them.

[Join early access](https://flatsome.com/pricing.md)

[Explore Site Builder](https://flatsome.com/site-builder.md)

Classic customers go first. 50% off your first year until November 2.