Managing site-wide styles

Design & Styling

🎨 Managing Site-Wide Styles in Meshup Editor

Site-wide styles allow you to maintain a consistent design across your entire website — from colors and fonts to button styles and spacing. With Meshup Editor, you can make global changes that instantly apply everywhere.

✅ Steps to Manage Site-Wide Styles

  • Log Into Meshup Editor
    Access your site and open it in editing mode.
  • Open the Site-Wide Styles Panel
    Look for the “Design” or “Site Styles” option in the left-hand toolbar.
    Meshup Editor site styles panel
  • Adjust Global Colors
    Pick your brand’s primary and secondary colors. These changes will update:
    • Buttons
    • Links
    • Headings & text
    • Backgrounds
    Global color settings in Meshup Editor
  • Adjust Global Fonts
    Select heading and body fonts for the entire site, plus their sizes and weights.
    Font settings in Meshup Editor
  • Customize Buttons & Links
    Set the default style for all buttons and hyperlinks so they match your brand look.
  • Preview Your Changes
    Use the preview toggle to see how your updates look on desktop, tablet, and mobile.
  • Publish to Apply
    Click Publish to make your style changes live across your site instantly.

🧠 Pro Tips

  • Keep It Consistent — Stick to 2–3 main colors for a clean, professional look.
  • Use Readable Fonts — Avoid overly decorative fonts for body text.
  • Test on All Devices — Make sure your styles look good on mobile and desktop.

By managing site-wide styles in Meshup Editor, you ensure every page of your website feels unified and on-brand.