Global Style

The Global Style panel controls your entire site’s color scheme and typography from one place. Instead of styling colors and fonts page by page, you define them once here and your whole website follows. Change your primary color in a single field, and every button, link, and widget that uses it updates instantly across the site.

Find it under Theme Settings » Global Style.

Set it once, apply it everywhere

Every Leverage Elementor widget inherits these defaults. Get your Global Style right first, and page building becomes far faster — most widgets already look on-brand before you touch them.

How it’s organized

The Global Style is split into tabs, each covering one part of your visual identity:

Reference image — replace before publishing16:9

Theme Settings » Global Style panel in the WordPress admin, showing the row of tabs (Theme, Body, Heading, Link, Button, Field) with the Theme tab open and its color pickers visible.

Tab	What you control
Theme	Your core color palette — main, background, text, and alert colors.
Body	The page background and your base paragraph typography.
Heading	Color and typography for headings H1 through H6.
Link	The color of text links and their hover state.
Button	Background, hover, and text colors for buttons.
Field	Background, hover, and text colors for form fields.

Theme tab

The Theme tab defines the palette the rest of your site draws from. Setting these thoughtfully means everything downstream stays consistent.

Group	Colors
Main Colors	Primary, Secondary, Tertiary
Background Colors	White, Light, Dark
Text Colors	White, Light, Dark
Alert Colors	Success, Warning, Danger

Note

The Primary color is your brand’s signature — it is used for prominent buttons, links, and accents by default. Choose it first.

Body tab

The Body tab controls the page canvas and the default look of your paragraph text.

Setting	Options
Section Background Color	The default background color behind your content sections.
Paragraph Typography	Font Type (Google Font or Custom Font), Family, Style, Size, Weight, and Line Height.

Responsive typography

Paragraph typography is set independently for desktop and mobile, so you can keep body text comfortable to read on every screen size.

Font Type

You can source your fonts two ways:

• Google Font — Pick from Google’s font library.
• Custom Font — Use a font you have added to your site yourself.

Heading tab

The Heading tab gives you full control over each heading level individually. Every heading from H1 to H6 has its own:

• Color
• Typography — Font Type, Family, Style, Size, Weight, and Line Height (desktop and mobile).

This lets you build a clear visual hierarchy — for example, a bold, large H1 and progressively lighter, smaller headings below it.

Link tab

Control how text links appear throughout your site:

Setting	What it does
Text Color	The default color of a link.
Text Hover Color	The color a link changes to when a visitor hovers over it.

Button tab

Set the default look of buttons site-wide:

Setting	What it does
Background	The button’s fill color.
Background Hover	The fill color on hover.
Text Color	The color of the button label.

Field tab

Style the input fields used in forms across your site:

Setting	What it does
Background	The field’s fill color.
Background Hover	The fill color when the field is focused or hovered.
Text Color	The color of the text typed into the field.

Why it matters

Because every part of Leverage — including all its Elementor widgets — reads from the Global Style, a handful of changes here shape your entire website. It keeps your design consistent, saves you hours of repetitive styling, and makes future rebrands effortless.

Related

• Header Builder
• Footer Builder
• Building with Elementor