Direct naar inhoud

Hoe werken Global Styles en Fonts in Elementor?

Elementor3 min leestijd
5,0 uit 14 Google reviewsVaste prijs voorafUit Assen, actief in heel Nederland

Kort antwoord

Global Styles zijn website-brede instellingen voor kleuren en lettertypes. Wijzig ze op één plek en de aanpassing geldt voor je hele website. MADA Tech websites gebruiken het Cairo font.

Inhoudsopgave
  1. Kort antwoord
  2. Global Colors
  3. Global Fonts
  4. Waarom Global Styles?
  5. Praktische tips voor daarna
  6. Hulp nodig van MADA Tech?
  7. Praktijkvoorbeeld
  8. Zo pak je het slim aan

Global Colors

Ga naar het hamburgermenu linksboven in Elementor > Site Settings > Global Colors. Hier definieer je primaire, secundaire en accentkleuren die je overal kunt hergebruiken.

Global Fonts

Onder Site Settings > Global Fonts stel je de lettertypes in voor koppen, body tekst, en accenten. Bij MADA Tech websites is dit Cairo.

Waarom Global Styles?

Als je Global Styles gebruikt en je wilt een kleur wijzigen, hoef je dat maar op één plek te doen. Alle elementen die die kleur gebruiken worden automatisch bijgewerkt.

Praktische tips voor daarna

Test een nieuwe kleur eerst op één knop voordat je hem instelt als Global Color. Zo zie je meteen of het contrast met de achtergrond goed leesbaar blijft, ook voor mensen met een visuele beperking. Bij websites die MADA Tech bouwt, stemmen we het kleurenpalet af op je logo, zodat Global Colors vanaf de start kloppen.

Hulp nodig van MADA Tech?

Dit gaat om global styles, fonts, Cairo, onderdelen die met elkaar samenhangen binnen WordPress en Elementor. Wij raden aan om na elke wijziging kort te testen: klik door je website, controleer of formulieren nog werken en kijk of de pagina er op mobiel nog goed uitziet. Kom je er zelf niet uit, dan hoef je niet urenlang te puzzelen. Bij MADA Tech reageren we binnen één werkdag op vragen van klanten met managed WordPress hosting, en lossen we dit soort zaken vaak binnen een paar minuten op.

Praktijkvoorbeeld

Werk je aan global styles en fonts en Cairo en kleuren en branding op een website die je zelf beheert, houd dan bij welke wijzigingen je doorvoert en wanneer. Zo kun je bij problemen makkelijker terugvinden wat er is aangepast. Bij een website van MADA Tech noteren wij dit soort wijzigingen ook in ons eigen systeem, zodat je aanspreekpunt precies weet wat er is gebeurd als je vragen hebt.

Zo pak je het slim aan

Wissel je van huisstijl of krijg je een nieuw logo, dan pas je de Global Colors en Global Fonts op één plek aan. Controleer daarna een paar pagina's die veel worden bezocht, zoals de homepage en contactpagina. Bij een MADA Tech website plannen we zo'n huisstijlwissel altijd in overleg in, zodat de site niet halverwege een update in twee stijlen tegelijk oogt.

Volgende stap

Wil je niet zelf in Elementor blijven puzzelen? Bij managed hosting van MADA Tech maken of passen wij pagina's op verzoek voor je aan.

Managed WordPress hosting

Zie ook

Danny van Elteren

Danny van Elteren

Lead Developer & oprichter · 24 februari 2026

Wanneer MADA Tech inschakelen?

  • Je wilt het niet zelf doen of komt er niet uit
  • Je wilt het in een keer goed laten regelen
  • Je wilt doorlopend beheer en support
  • Je wilt hulp met elementor

Web- en marketingbureau in Assen, sinds 2023. Websites, webshops, software, SEO en beheer voor bedrijven en organisaties in heel Nederland. Websites vanaf €699 of €65 per maand inclusief managed hosting en basis SEO.

Hulp nodig?

Wij helpen je graag verder met persoonlijk advies. Professionele websites vanaf €699 of €65 per maand inclusief beheer.

Danny van Elteren van MADA Tech