{"id":950,"date":"2022-02-14T15:22:04","date_gmt":"2022-02-14T15:22:04","guid":{"rendered":"https:\/\/leeromgeving.fixityourself.be\/course\/globale-kleuren-en-lettertypes\/"},"modified":"2024-01-03T15:16:44","modified_gmt":"2024-01-03T15:16:44","slug":"globale-kleuren-en-lettertypes","status":"publish","type":"tva_lesson","link":"https:\/\/leeromgeving.fixityourself.be\/?tva_lesson=globale-kleuren-en-lettertypes","title":{"rendered":"Globale kleuren en lettertypes"},"content":{"rendered":"<h2>De site instellingen openen<\/h2>\n<p>In Elementor kan je de globale kleuren en lettertypes instellen <strong>via een pagina<\/strong>. In dit voorbeeld gebruiken we de Coming Soon page &#8211; en die is opgeslagen bij <em>Templates<\/em>.<\/p>\n<ul>\n<li>Log in op het WP dashboard<\/li>\n<li>Klik links in het menu op&nbsp;<em>Templates<\/em><\/li>\n<li style=\"\">Klik bij de Coming Soon page op&nbsp;<em>Bewerk met Elementor<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"544\" width=\"311\" data-init-width=\"768\" height=\"170\" data-init-height=\"420\" title=\"Screenshot 2022-01-18 at 19.46.10\" src=\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/01\/Screenshot-2022-01-18-at-19.46.10.png\" data-width=\"311\" data-height=\"170\" style=\"aspect-ratio: auto 768 \/ 420;\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li style=\"\">Klik links bovenaan in de rode balk van de instellingen op de 3 streepjes en vervolgens op&nbsp;<em>Site instellingen<\/em><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1636\" width=\"258\" data-init-width=\"594\" height=\"866\" data-init-height=\"866\" title=\"Screenshot 2023-04-19 at 21.47.54\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-21.47.54.png\" data-width=\"258\" style=\"aspect-ratio: auto 594 \/ 866;\" loading=\"lazy\"><\/span><\/p>\n<h2 style=\"\">Globale kleuren instellen<\/h2>\n<ul>\n<li>Klik vervolgens op <em>Globale kleuren<\/em><\/li>\n<li style=\"\">Pas de kleuren die er nu staan aan naar keuze. Indien je brand kleuren hebt dan kan je de kleurcodes per deel instellen.<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"546\" width=\"253\" data-init-width=\"598\" height=\"501\" data-init-height=\"1184\" title=\"Screenshot 2022-01-18 at 19.55.23\" src=\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/01\/Screenshot-2022-01-18-at-19.55.23.png\" data-width=\"253\" data-height=\"501\" style=\"aspect-ratio: auto 598 \/ 1184;\" loading=\"lazy\"><\/span><\/p>\n<p style=\"\">Je kan extra globale kleuren toevoegen door op de knop&nbsp;<em>Kleur toevoegen<\/em> te klikken, een kleur te kiezen en de naam te wijzigen.<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"547\" width=\"254\" data-init-width=\"576\" height=\"93\" data-init-height=\"210\" title=\"Screenshot 2022-01-18 at 19.57.45\" src=\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/01\/Screenshot-2022-01-18-at-19.57.45.png\" data-width=\"254\" data-height=\"93\" style=\"aspect-ratio: auto 576 \/ 210;\" loading=\"lazy\"><\/span><\/p>\n<h2 style=\"\">Globale lettertypes instellen<\/h2>\n<ul>\n<li>Klik links bovenaan in de blauwe balk van de instellingen op het pijltje om terug te keren en klik vervolgens op <em>Globale lettertypen<\/em><\/li>\n<li style=\"\">Pas de lettertypes die er nu staan aan naar keuze<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"548\" width=\"246\" data-init-width=\"584\" height=\"436\" data-init-height=\"1034\" title=\"Screenshot 2022-01-18 at 20.30.43\" src=\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/01\/Screenshot-2022-01-18-at-20.30.43.png\" data-width=\"246\" data-height=\"436\" style=\"aspect-ratio: auto 584 \/ 1034;\" loading=\"lazy\"><\/span><\/p>\n<p style=\"\">Ook hier kan je zelf nog een extra stijl toevoegen indien gewenst zoals bij de kleuren.<\/p>\n<p style=\"\"><u>De kleuren van de gewone tekst, links, en titels instellen<\/u>:<\/p>\n<ul>\n<li style=\"\">Klik links bovenaan in de blauwe balk van de instellingen op het pijltje om terug te keren en klik vervolgens op<em> Typografie<\/em><\/li>\n<li style=\"\">Pas bij&nbsp;<em>Body<\/em> de instellingen van de <strong>gewone tekst<\/strong> aan<\/li>\n<li style=\"\">Pas bij&nbsp;<em>Link<\/em> de instellingen van de <strong>links<\/strong>. Dit wil zeggen dat dit toegepast worden op een stukje tekst dat je op een pagina gaat linken.\n<ul>\n<li style=\"\">Normal: hoe het eruit gaat zien in normale staat, dus wanneer je er niet met de muis over hovert<\/li>\n<li style=\"\">Hover: hoe het eruit gaat zien als je met de muis over de link beweegt<\/li>\n<\/ul>\n<\/li>\n<li style=\"\">Pas bij H1, H2, H3,&#8230; de instellingen van de <strong>titels<\/strong> aan.<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"549\" width=\"244\" data-init-width=\"584\" height=\"431\" data-init-height=\"1032\" title=\"Screenshot 2022-01-18 at 20.39.56\" src=\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/01\/Screenshot-2022-01-18-at-20.39.56.png\" data-width=\"244\" data-height=\"431\" style=\"aspect-ratio: auto 584 \/ 1032;\" loading=\"lazy\"><\/span><\/p>\n<h2 style=\"\">Global knop-instellingen<\/h2>\n<ul>\n<li>Klik links bovenaan in de blauwe balk van de instellingen op het pijltje om terug te keren en klik vervolgens op<em>&nbsp;<\/em><em>Knoppen<\/em><\/li>\n<\/ul>\n<p style=\"\">Hier kan je alle instellingen doen die van toepassing worden op je knoppen: typografie, tekst- en achtergrondkleur, &nbsp;rand en randkleur &amp; afgeronde hoeken in normale- en hovermodus. Je kan hier ook de padding van de knoppen aanpassen (de ruimte tussen de tekst en de rand).<\/p>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"550\" width=\"248\" data-init-width=\"584\" height=\"578\" data-init-height=\"1360\" title=\"Screenshot 2022-01-18 at 20.45.51\" src=\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/01\/Screenshot-2022-01-18-at-20.45.51.png\" data-width=\"248\" data-height=\"578\" style=\"aspect-ratio: auto 584 \/ 1360;\" loading=\"lazy\"><\/span><\/p>\n<blockquote style=\"\"><p>Klik steeds op&nbsp;<em>Updaten<\/em> nadat je aanpassingen hebt gedaan!<\/p><\/blockquote>\n<p style=\"\">Je kan op elk moment alles nadien nog wat aanpassen indien gewenst, dus geen ramp dat het niet van de eerste keer werd ingesteld zoals je wil.<\/p>\n<h2 style=\"\">Vanuit het kleurenpallet een globale kleur instellen<\/h2>\n<p>Een super handige functie in Elementor is dat je vanuit het kleurenpallet (bv. wanneer je de kleur van een titel aan het wijzigen bent) een nieuwe globale kleur instellen.<\/p>\n<ul>\n<li>Kies een kleur uit het kleurenpallet (bv. van een titel)<\/li>\n<li>Klik vervolgens op het plusteken<\/li>\n<li style=\"\">Er zal een pop-up venster verschijnen waarin je de naam van de nieuwe kleur kan aanpassen<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"551\" width=\"279\" data-init-width=\"572\" height=\"383\" data-init-height=\"786\" title=\"Screenshot 2022-01-18 at 20.58.22\" src=\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/01\/Screenshot-2022-01-18-at-20.58.22.png\" data-width=\"279\" data-height=\"383\" style=\"aspect-ratio: auto 572 \/ 786;\" loading=\"lazy\"><\/span><span><img decoding=\"async\" alt=\"\" data-id=\"552\" width=\"341\" data-init-width=\"794\" height=\"180\" data-init-height=\"420\" title=\"Screenshot 2022-01-18 at 20.58.38\" src=\"https:\/\/usercontent.one\/wp\/fixityourself.virtualfixer.be\/wp-content\/uploads\/2022\/01\/Screenshot-2022-01-18-at-20.58.38.png\" data-width=\"341\" data-height=\"180\" loading=\"lazy\" style=\"aspect-ratio: auto 794 \/ 420;\"><\/span><\/p>\n<h2>De site instellingen sluiten<\/h2>\n<p>Je kan de site instellingen sluiten door in de blauwe balk bovenaan op het kruisje te klikken.<\/p>\n","protected":false},"template":"","class_list":["post-950","tva_lesson","type-tva_lesson","status-publish","hentry","tva_courses-quick-fix","post-wrapper","thrv_wrapper"],"_links":{"self":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/tva_lesson\/950"}],"collection":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/tva_lesson"}],"about":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=\/wp\/v2\/types\/tva_lesson"}],"wp:attachment":[{"href":"https:\/\/leeromgeving.fixityourself.be\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=950"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}