{"id":148545,"date":"2025-05-19T15:53:22","date_gmt":"2025-05-19T12:53:22","guid":{"rendered":"https:\/\/elementor.com\/help\/conflicterende-stijlen-prioriteren\/"},"modified":"2025-05-19T15:53:22","modified_gmt":"2025-05-19T12:53:22","slug":"conflicterende-stijlen-prioriteren","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/","title":{"rendered":"Conflicterende stijlen prioriteren"},"content":{"rendered":"\n<p>Het stylen van elementen in de Elementor Editor V4 is gebaseerd op het idee van klassen. Voor meer informatie over klassen in V4, zie <a href=\"https:\/\/elementor.com\/help\/classes-in-elementor\/\">Klassen in Elementor<\/a>. &nbsp;<\/p>\n\n\n\n<p>Werken met klassen heeft veel voordelen, vooral de mogelijkheid om elementen te hergebruiken, waardoor je werk sneller en effici\u00ebnter wordt. Het gebruik van klassen kan echter soms betekenen dat je conflicterende stijlen aan een element toevoegt. Een alinea-element kan bijvoorbeeld een klasse hebben die de tekstkleur op groen zet en een andere klasse die de tekstkleur op rood zet. Hoe bepaalt de Editor welke kleur te gebruiken?   <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Prioriteren van klassen en identificeren van conflicten<\/h2>\n\n\n\n<p>In het volgende voorbeeld gebruiken we twee klassen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Red_text: Deze klasse is ingesteld om de tekst rood te maken.<\/li>\n\n\n\n<li>Green_text: Deze klasse is ingesteld om de tekst groen te maken.<\/li>\n<\/ul>\n\n\n\n<p>Om te leren hoe je klassen maakt, zie <a href=\"https:\/\/elementor.com\/help\/classes-in-elementor\/\">Klassen in Elementor<\/a>.<\/p>\n\n\n\n<p>Om klasseprioriteit en conflictidentificatie te demonstreren, maken we een voorbeeldelement.&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Voeg een Alinea-element toe aan het canvas.<br>Omdat we de alinea nog niet hebben gestyled, gebruikt deze de standaard tekstkleur &#8211; zwart.<br><img fetchpriority=\"high\" decoding=\"async\" width=\"680\" height=\"321\" class=\"wp-image-57455\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png 1206w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16-300x142.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16-1024x483.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16-768x362.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/>&nbsp;<\/li>\n\n\n\n<li>Klik op het tabblad <strong>Stijl<\/strong>.<br><img decoding=\"async\" width=\"280\" height=\"252\" class=\"wp-image-57456\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-17.png\" alt=\"\"><\/li>\n<\/ol>\n\n\n\n<p>Bovenaan het Stijl-tabblad staat het tekstvak <strong>Klassen<\/strong>. Het tekstvak <strong>Klassen<\/strong> bevat de namen van alle klassen die van toepassing zijn op het element. Op dit moment is de enige klasse die van toepassing is op het element <strong>Lokaal<\/strong>.  &nbsp;<\/p>\n\n\n\n<p>Lokaal is een speciale klasse. Elk element heeft een lokale klasse die alleen van toepassing is op dat element. Op dit punt hebben we nog geen stijlen toegevoegd aan de lokale klasse, dus het Alinea-element gebruikt de standaardinstellingen.  <\/p>\n\n\n\n<p>Laten we nu wat kleur aan de tekst toevoegen.<br><img decoding=\"async\" width=\"680\" height=\"210\" class=\"wp-image-57457\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-18.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-18.png 1206w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-18-300x93.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-18-1024x316.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-18-768x237.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Voeg in het tekstvak <strong>Klassen<\/strong> de klasse <strong>Red_text<\/strong> toe.<\/li>\n<\/ul>\n\n\n\n<p>De tekst wordt rood omdat deze de kleur gebruikt die is ingesteld door de Red_text-klasse.<\/p>\n\n\n\n<p>Laten we nu naar indicatoren kijken. Indicatoren tonen je welke instellingen worden gebruikt voor je element. <br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"793\" class=\"wp-image-57458\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-19.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-19.png 250w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-19-106x300.png 106w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Open het veld <strong>Typografie<\/strong> en kijk naar de instelling <strong>Tekstkleur<\/strong>. De indicatorstip is groen en toont dat dit de instelling is die wordt gebruikt. &nbsp;<\/li>\n<\/ul>\n\n\n\n<p>[callout type=&#8221;note&#8221;]Als je het Typografie-veld zou sluiten, zou er een indicatorstip verschijnen bij het woord Typografie. Indicatoren verschijnen bij elke Stijl-instelling die een waarde heeft. Zie hieronder voor een overzicht van wat de kleur van de indicator betekent.  <br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"362\" class=\"wp-image-59010\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Field-indicators.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Field-indicators.png 616w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Field-indicators-232x300.png 232w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><br>[\/callout]<\/p>\n\n\n\n<p>Ga nu naar de lokale klasse en kijk naar de Typografie-instelling.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"785\" class=\"wp-image-57459\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-20.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-20.png 251w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-20-107x300.png 107w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/p>\n\n\n\n<p>Er is een grijze stip bij <strong>Tekstkleur<\/strong>. Dat toont dat dit element een andere klasse bevat die de tekstkleur instelt. <br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"272\" class=\"wp-image-57460\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-21.png\" alt=\"\"><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>We gaan terug naar het tekstvak <strong>Klassen<\/strong> en voegen de klasse <strong>Green_text<\/strong> toe.<\/li>\n<\/ul>\n\n\n\n<p>Merk op dat ondanks het feit dat we de Green_text-klasse na de Red_text-klasse hebben toegevoegd, deze naar links van de Red_class verschuift. Klassen aan de linkerkant hebben altijd prioriteit over de klassen aan de rechterkant. Dit betekent dat de <strong>lokale<\/strong> klasse altijd de hoogste prioriteit heeft omdat deze altijd de meest linkse klasse is.  <br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"244\" class=\"wp-image-57461\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-22.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-22.png 1208w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-22-300x108.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-22-1024x368.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-22-768x276.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/p>\n\n\n\n<p>Om te begrijpen waarom, klik op het Klassenbeheer-pictogram om de Klassenbeheerder te openen. Voor details, zie <a href=\"https:\/\/elementor.com\/help\/the-elementor-editor-class-manager\/\">De Elementor Editor Klassenbeheerder<\/a>. &nbsp;<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"329\" class=\"wp-image-57462\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-23.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-23.png 264w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-23-255x300.png 255w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/>&nbsp;&nbsp;<\/p>\n\n\n\n<p>Merk op dat <strong>Green_text<\/strong> boven <strong>Red_text<\/strong> staat, wat betekent dat deze prioriteit heeft boven <strong>Red_text<\/strong>. Elk element met zowel <strong>Green_text<\/strong> als <strong>Red_text<\/strong> zal de <strong>Green_text<\/strong>-instellingen overnemen. <\/p>\n\n\n\n<p>Als we naar de <strong>Typografie<\/strong>-instellingen voor elke klasse kijken, zien we:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In de <strong>Red_text<\/strong>-klasse is er een oranje stip bij <strong>Tekstkleur<\/strong> <img loading=\"lazy\" decoding=\"async\" width=\"99\" height=\"29\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdurA__7LT01JLEXelEcZxgZ7uxs3H_0V5bk_7eLcW7iZWm9r0ya8T_ERRoUGBRe23jURnirnukrcKc8tNo4A45cZFtoGBzhPC1fFS1waqsyU5HSmayz94N7MqTqpkbwi58EBw?key=qzb6HNs8KOoIEJo-rkVcbuLx\">. Dit toont dat er een andere klasse is die de instelling voor deze klasse overschrijft. <\/li>\n\n\n\n<li>In de <strong>Green_text<\/strong>-klasse is er een groene stip bij <strong>Tekstkleur<\/strong> <img loading=\"lazy\" decoding=\"async\" width=\"99\" height=\"29\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXeLDF860uXXnxfSBQ8G-mHeu_mbXCFBHSsyd8-IdcJMpHRxjpR9aI4PVdlVpqEu4zMjcJ9ObSeIMTD2kQVL68gLH3wSrBB4ZHHel0YJ-vAxdjr7Plj8QatfSVgrNvyzjT29Muo?key=qzb6HNs8KOoIEJo-rkVcbuLx\">. Dit toont dat dit de kleur is die wordt gebruikt in dit element. &nbsp;&nbsp;<\/li>\n\n\n\n<li>In de <strong>lokale<\/strong> klasse is er een grijze stip bij <strong>Tekstkleur<\/strong> <img loading=\"lazy\" decoding=\"async\" width=\"99\" height=\"29\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdGYiU2uH0ppsCKOmvoGPqqxnu0PItL_rX2s9g0hTl-cdXvA4g_JXEHCiKYJb0f1VzyI0GKLfiZqS5cAhC_iwU4ZFdIixOrUJpGe0c_0WW9teuG9F8xUFnvFuwGB0cTXGrIQ5g?key=qzb6HNs8KOoIEJo-rkVcbuLx\">. Dit toont dat dit element een andere klasse heeft die deze instelling bepaalt, maar het botst niet met deze klasse. <\/li>\n<\/ul>\n\n\n\n<p>Laten we ten slotte kijken wat er gebeurt wanneer we de lokale klasse bewerken.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"443\" class=\"wp-image-57463\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-24.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-24.png 1206w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-24-300x195.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-24-1024x667.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-24-768x500.png 768w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Verander in <strong>Typografie<\/strong> de <strong>Tekstkleur<\/strong>.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>De tekst verandert naar die kleur omdat de <strong>lokale<\/strong> klasse altijd de hoogste prioriteit heeft. De indicator naast <strong>Tekstkleur<\/strong> wordt roze, wat aangeeft dat deze kleur lokaal is en de hoogste prioriteit heeft. <\/p>\n\n\n\n<p>Hieronder is een overzicht van indicatoren en wat ze betekenen:<br>[callout type=&#8221;note&#8221;]Deze indicatoren verschijnen bij instellingen die waarden bevatten en bij velden, zoals <strong>Grootte<\/strong> en <strong>Typografie<\/strong>, die instellingen met waarden bevatten. Er kunnen meerdere indicatoren naast veldnamen staan omdat er individuele instellingen in deze velden kunnen zijn die verschillende statussen hebben. Een Typografie-veld kan bijvoorbeeld een <strong>Lettertype<\/strong> bevatten dat wordt gebruikt door deze instelling (groene indicator) en een <strong>Lettergrootte<\/strong> die wordt bepaald door een andere instelling (oranje indicator).   <\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><strong>Indicator<\/strong><\/td><td><strong>Wat het betekent<\/strong><\/td><\/tr><tr><td>Roze<\/td><td>Waarde ingesteld door de lokale klasse. Kan nooit worden overschreven. <\/td><\/tr><tr><td>Groen<\/td><td>Deze instelling wordt momenteel bepaald door deze klasse. Dit kan worden gewijzigd door de klasseprioriteiten te herschikken. &nbsp;<\/td><\/tr><tr><td>Grijs<\/td><td>Deze instelling wordt momenteel bepaald door een andere klasse.<\/td><\/tr><tr><td>Oranje<\/td><td>Deze instelling wordt momenteel bepaald door een andere klasse. Dit kan worden gewijzigd door de klasseprioriteiten te herschikken of kan worden overschreven door de <strong>lokale<\/strong> klasse. <\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Identificeren welke klasse wordt gebruikt<\/h2>\n\n\n\n<p>De hierboven uitgelegd indicatoren tonen je waar er conflicten zijn, maar kunnen ook meer exacte informatie geven. Klik op een indicator en een popup legt precies uit welke stijl deze gebruikt en welke stijl(en) deze negeert. &nbsp;<\/p>\n\n\n\n<p>We gebruiken de klassen in het bovenstaande voorbeeld om te zien hoe het werkt.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li> Sleep een Alinea-element naar het canvas.<\/li>\n\n\n\n<li>Maak de <strong>Red_text<\/strong> en <strong>Green_text<\/strong> klassen zoals hierboven vermeld.<br><img loading=\"lazy\" decoding=\"async\" width=\"380\" height=\"236\" class=\"wp-image-58857\" style=\"width: 380px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/This-is-what-the-classes-field-should-look-like.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/This-is-what-the-classes-field-should-look-like.png 612w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/This-is-what-the-classes-field-should-look-like-300x186.png 300w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><br>Zo zou het Klassen-veld eruit moeten zien.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"516\" class=\"wp-image-58858\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Open-the-Typography-field.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Open-the-Typography-field.png 612w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Open-the-Typography-field-163x300.png 163w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Open-the-Typography-field-556x1024.png 556w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Open in het paneel het Typografie-veld.<br>[callout type=&#8221;note&#8221;]De indicator naast het woord Typografie toont dat er enig conflict is in de typografie-velden.[\/callout]<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"290\" class=\"wp-image-58860\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/The-first-popup-.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/The-first-popup-.png 582w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/The-first-popup--290x300.png 290w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Klik op de indicator naast <strong>Tekstkleur<\/strong>.<br>Een popup toont de naam van de conflicterende klassen. De eigenschappen van de klasse die niet wordt gebruikt zijn doorgestreept. <\/li>\n<\/ol>\n\n\n\n<p>De responsieve bewerkingsmogelijkheden van de editor stellen je in staat om verschillende klassen in te stellen voor verschillende schermformaten. Als voorbeeld stellen we verschillende lettergroottes in voor desktops en mobiele apparaten. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Voeg een Alinea-element toe aan het canvas en voer wat tekst in.<\/li>\n\n\n\n<li>Open het veld <strong>Typografie<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"349\" class=\"wp-image-58863\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-scaled.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-300x154.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-1024x526.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-768x394.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-1536x788.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/set-the-font-size-to-14-2048x1051.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Voer in de teller <strong>Lettergrootte<\/strong> <strong>14<\/strong> in.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"107\" class=\"wp-image-58864\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-scaled.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-300x47.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-1024x161.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-768x121.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-1536x241.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-mobile-icon-1-2048x321.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Klik op het mobiele pictogram.<br><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"350\" class=\"wp-image-58865\" style=\"width: 680px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-scaled.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-scaled.png 2560w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-300x155.png 300w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-1024x528.png 1024w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-768x396.png 768w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-1536x791.png 1536w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Set-the-mobile-font-size-to-24-2048x1055.png 2048w\" sizes=\"(max-width: 680px) 100vw, 680px\" \/><\/li>\n\n\n\n<li>Open het veld <strong>Typografie<\/strong> en stel de tekstgrootte in op <strong>24<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"714\" class=\"wp-image-58867\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-indicator-by-Font-size.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-indicator-by-Font-size.png 608w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-indicator-by-Font-size-118x300.png 118w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-indicator-by-Font-size-402x1024.png 402w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/Click-the-indicator-by-Font-size-603x1536.png 603w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>Klik op de indicator bij <strong>Lettergrootte<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"280\" height=\"155\" class=\"wp-image-58871\" style=\"width: 280px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/The-second-popup.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/The-second-popup.png 562w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/The-second-popup-300x167.png 300w\" sizes=\"(max-width: 280px) 100vw, 280px\" \/><\/li>\n\n\n\n<li>De popup toont welke lettergrootte wordt gebruikt voor mobiel en welke voor desktops. Omdat we in mobiele modus zijn, is de desktop-eigenschap doorgestreept.  <\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Het stylen van elementen in de Elementor Editor V4 is gebaseerd op het idee van klassen. Voor meer informatie over klassen in V4, zie Klassen in Elementor. &nbsp; Werken met klassen heeft veel voordelen, vooral de mogelijkheid om elementen te hergebruiken, waardoor je werk sneller en effici\u00ebnter wordt. Het gebruik van klassen kan echter soms [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1603],"tags":[1695],"class_list":["post-148545","post","type-post","status-publish","format-standard","hentry","category-features-nl","tag-v4-nl"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Conflicterende stijlen prioriteren | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Conflicterende stijlen prioriteren in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Conflicterende stijlen prioriteren | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Conflicterende stijlen prioriteren in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-19T12:53:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1206\" \/>\n\t<meta property=\"og:image:height\" content=\"569\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Conflicterende stijlen prioriteren\",\"datePublished\":\"2025-05-19T12:53:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/\"},\"wordCount\":1066,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png\",\"keywords\":[\"V4\"],\"articleSection\":[\"Features\"],\"inLanguage\":\"nl-NL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/\",\"url\":\"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/\",\"name\":\"Conflicterende stijlen prioriteren | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png\",\"datePublished\":\"2025-05-19T12:53:22+00:00\",\"description\":\"Learn everything about Conflicterende stijlen prioriteren in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ongecategoriseerd\",\"item\":\"https:\/\/elementor.com\/help\/nl\/ongecategoriseerd\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Conflicterende stijlen prioriteren\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#website\",\"url\":\"https:\/\/elementor.com\/help\/nl\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Conflicterende stijlen prioriteren | Elementor","description":"Learn everything about Conflicterende stijlen prioriteren in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/","og_locale":"nl_NL","og_type":"article","og_title":"Conflicterende stijlen prioriteren | Elementor","og_description":"Learn everything about Conflicterende stijlen prioriteren in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/","og_site_name":"Help","article_published_time":"2025-05-19T12:53:22+00:00","og_image":[{"width":1206,"height":569,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Geschreven door":"Cliff Churgin","Geschatte leestijd":"5 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Conflicterende stijlen prioriteren","datePublished":"2025-05-19T12:53:22+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/"},"wordCount":1066,"publisher":{"@id":"https:\/\/elementor.com\/help\/nl\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png","keywords":["V4"],"articleSection":["Features"],"inLanguage":"nl-NL"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/","url":"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/","name":"Conflicterende stijlen prioriteren | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png","datePublished":"2025-05-19T12:53:22+00:00","description":"Learn everything about Conflicterende stijlen prioriteren in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/05\/image-16.png"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/nl\/conflicterende-stijlen-prioriteren\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/nl\/"},{"@type":"ListItem","position":2,"name":"Ongecategoriseerd","item":"https:\/\/elementor.com\/help\/nl\/ongecategoriseerd\/"},{"@type":"ListItem","position":3,"name":"Conflicterende stijlen prioriteren"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/nl\/#website","url":"https:\/\/elementor.com\/help\/nl\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/nl\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/posts\/148545","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/comments?post=148545"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/posts\/148545\/revisions"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/media?parent=148545"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/categories?post=148545"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/tags?post=148545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}