Astra Theme Global Typography and Color Settings Guide

Astra The theme provides a comprehensiveGlobal Typography and Global ColorsThe settings function helps users to standardize the site'scalligraphic stylewith the color scheme style. These settingsApplies to the entire site, which is automatically applied to all pages and articles without using the page builder overlay.

Image[1]-Astra Theme Global Typography and Color Settings Explained: Key Features for Creating a Unified Site Style

Global layout settings

go into WordPress Backend, click: Appearance > Customize > Global > Typography

Font Presets

Font presets are built-in quick-set options that, when clicked, can quickly apply uniform body text with thecaptionStyles. Presets include font family, font weight, font size, line height and text conversion properties. Each configuration can still be modified manually after application.

Image [2] - Astra Theme Global Typography and Color Settings Explained: Key Features for Creating a Unified Website Style

Body Font Setting

The body section can be customized with the following items:

  • Font Families: Google Fonts is supported,Custom FontsSystem fonts, etc.
  • Font weights and variants: select the desired thickness and style
  • Font size: slider or numeric input to resize
  • Row Height: Controls row spacing
  • Font conversion: uppercase, lowercase, initial capitalization support
  • Decorative lines: set the effect of underlining, overlining, etc.
Image [3] - Astra Theme Global Typography and Color Settings Explained: Key Features for Creating a Unified Website Style

Title Font Settings

The title part can be set uniformly, and also for H1~.H6 Separate settings.

Image [4] - Astra Theme Global Typography and Color Settings Explained: Key Features for Creating a Unified Website Style

Support font size, thickness, conversion style and other adjustments. Caption case style can be set, such as all-caps, caption style and so on.

Image [5] - Astra Theme Global Typography and Color Settings Explained: Key Features for Creating a Unified Website Style

Other Typesetting Options

Bottom of paragraphspacingAdjustable distance between paragraphs.

Image [6] - Astra Theme Global Typography and Color Settings Explained: Key Features for Creating a Unified Website Style

The Link Underline option can be used to activate the underline style for all hyperlinks within the site.

Image [7] - Astra Theme Global Typography and Color Settings Explained: Key Features for Creating a Unified Website Style

Page builders (such as Elementor) The typography settings in ) override the theme settings and take effect only for builder-generated content.

Global Color Settings

Path: Appearance > Customize > Global > Colors

Adjustable color items:

  • Text color: the color used for body and description text
  • Theme color: the main color used for elements such as buttons, selected text, etc.
  • Link color: default color for all hyperlinks
  • Link hover color: the color displayed when the mouse moves over the link
  • Background color and background image: applicable to the background of the entire site, set the background image can be adjusted to match the color transparency of the display
Image [8] - Astra Theme Global Typography and Color Settings Explained: Key Features for Creating a Unified Website Style

Background settings support independent adjustment under different devices.

global color palette

The color palette feature supports customization of multiple color combinations. One modification, within the siteAll use ofThe module for this color scheme will be updated synchronously. Ideal for brand color change or site style unification.

Image [9] - Astra Theme Global Typography and Color Settings Explained: Key Features for Creating a Unified Website Style
This is the default base color option available for the theme 

Page builder notes

page builderThe color scheme and typography will take effect independently. Builder-controlled pages use their own settings, and normal pages use the Astra of the global configuration. To avoid inconsistent styles, it is recommended that adjustments be made uniformly.

Background settings no longer take effect when transparent headers are enabled. More style controls are available in the Astra Pro Used in plug-in extension modules.

summarize

Astra The globaltypographicalWith the color function covering a wide range of content and flexible settings, it is suitable for establishing a clear style and visually unified website structure. Skillful mastery of this part of the settings will help to efficiently complete the page design tasks.

Recent Updates


Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!
Customer Service
Customer Service
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: info@361sale.com
Working hours: Monday to Friday, 9:30-18:30, holidays off
© Reprint statement
This article was written by: thieves will be rats and mice courage
THE END
If you like it, support it.
kudos439 share (joys, benefits, privileges etc) with others
commentaries sofa-buying

Please log in to post a comment

    No comments