Image

Deep Dive with Pro Theme: Mastering Global Font & Color Settings in Cornerstone

If you’re building websites with WordPress and Pro Theme’s Cornerstone builder, understanding global settings is a game-changer. In this guide, I’ll show you how to set up and manage global font and color settings—making your site more consistent, flexible, and easy to update.

🎨 Why Global Settings Matter

Global settings allow you to control fonts and colors across your entire website from a single panel. This means you can update your brand’s look in seconds, without editing every page or element individually.

🖌️ Setting Up Global Colors

  1. Access the Global Panel: Open the global panel in Cornerstone to manage your site-wide settings.
  2. Create Color Palettes:
  • Click “Add Color” to create a new palette.
  • Name your colors (e.g., Brand Color, Accent Color).
  • Assign a unique ID to each color for easy reference.
  • Duplicate or delete colors as needed.
  1. Customize Colors:
  • Use the color picker to select shades.
  • Adjust transparency as needed.
  • Copy/paste color codes or reset them anytime.
  1. Apply Colors Globally:
  • Once your palette is set, you can apply these colors to any element on your site.
  • Changing a color in the global panel updates it everywhere it’s used.

🔤 Setting Up Global Fonts

  1. Open the Fonts Section in the Global Panel:
  • Add new fonts by naming them and selecting a font family.
  • Duplicate or delete fonts as needed.
  1. Choose Font Sources:
  • Use built-in system fonts, Google Fonts, or Adobe Fonts.
  • For custom fonts, upload your font files (usually .woff or .woff2 format).
  1. Configure Font Settings:
  • Set default weights (regular, bold, etc.).
  • Choose a fallback font in case your main font doesn’t load.
  • Adjust advanced settings like font display for performance.
  1. Apply Fonts Globally:
  • Assign your global fonts to headings, body text, and other elements.
  • Changing a global font updates it site-wide.

⚡ Pro Tips

  • Use a maximum of 3–4 fonts for a clean, professional look.
  • Name your colors and fonts clearly for easy management.
  • Use global settings to quickly respond to client requests for brand updates.

💡 Final Thoughts

Mastering global font and color settings in Cornerstone will save you hours of work and ensure your website always looks polished and on-brand. Whether you’re a freelancer, agency owner, or DIY site builder, these tools are essential for efficient web development.

Have questions or want to share your experience? Drop a comment below or reach out on social media!

[wpdiscuz_comments]
Similar articles_

Deep Dive with Pro Theme: Mastering Global Font & Color Settings in Cornerstone

If you’re building websites with WordPress and Pro Theme’s Cornerstone builder, understanding global settings is
Read More

How Agon Studios Helped Legs for Africa Transform Their Digital Presence

Introduction At Agon Studios, we believe that every organization deserves a digital presence that empowers
Read More

How to Install Pro Theme by Themeco & Navigate Your Themeco Account

🚀 Introduction: Pro Theme for Agencies Are you an agency looking to streamline your WordPress
Read More