{"id":995,"date":"2022-02-14T19:42:29","date_gmt":"2022-02-14T19:42:29","guid":{"rendered":"https:\/\/leeromgeving.fixityourself.be\/course\/knop-button\/"},"modified":"2024-01-03T15:16:44","modified_gmt":"2024-01-03T15:16:44","slug":"knop-button","status":"publish","type":"tva_lesson","link":"https:\/\/leeromgeving.fixityourself.be\/?tva_lesson=knop-button","title":{"rendered":"Knop (button)"},"content":{"rendered":"<ul>\n<li>Klik rechts bovenaan bij de instellingen in de zwarte balk op het <strong>raster<\/strong><strong>&nbsp;<\/strong><\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1619\" width=\"248\" data-init-width=\"598\" height=\"218\" data-init-height=\"218\" title=\"Raster\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-19-at-21.22.47.png\" data-width=\"248\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li style=\"\">Sleep het <em>Afbeelding<\/em> element links vanuit de instellingen in de container (onder de tekst) en laat los wanneer je de roze balk ziet verschijnen in de container<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1668\" width=\"529\" data-init-width=\"1148\" height=\"744\" data-init-height=\"744\" title=\"Screenshot 2023-04-22 at 10.26.45\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-10.26.45.png\" data-width=\"529\" loading=\"lazy\" style=\"\"><\/span><\/p>\n<p style=\"\">Wanneer je op de knop klikt, kan je aan de linkerzijde allerhande instellingen doen.&nbsp;<\/p>\n<ul>\n<li><span style=\"text-decoration: underline;\">Inhoud<\/span>: hier kan je de <strong>tekst van de knop <\/strong>aanpassen, de correcte <strong>URL (link) toevoegen<\/strong>, de <strong>uitlijning<\/strong> aanpassen, de <strong>afmeting<\/strong> aanpassen (groter of kleiner maken) en eventueel een <strong>pictogram<\/strong> toevoegen<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1669\" width=\"238\" data-init-width=\"590\" height=\"912\" data-init-height=\"912\" title=\"Screenshot 2023-04-22 at 10.28.11\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-10.28.11.png\" data-width=\"238\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li><span style=\"text-decoration: underline;\">Stijl<\/span>: hier kan je de <strong>tekststijl <\/strong>aanpassen bij typografie. Daarnaast kan je voor zowel <strong>normale als hover state<\/strong> (wanneer je er met de muis erover gaat) <strong>tekstkleur <\/strong>en <strong>achtergrondkleur <\/strong>instellen. Ook de <strong>rand<\/strong>(kleur), <strong>afgeronde hoeken<\/strong>, <strong>box shadow<\/strong> en <strong>padding<\/strong> kunnen hier ingesteld worden<\/li>\n<\/ul>\n<p><span><img decoding=\"async\" alt=\"\" data-id=\"1671\" width=\"237\" data-init-width=\"592\" height=\"1276\" data-init-height=\"1276\" title=\"Screenshot 2023-04-22 at 10.33.13\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-10.33.13.png\" data-width=\"237\" style=\"\" loading=\"lazy\"><\/span><span><img decoding=\"async\" alt=\"\" data-id=\"1672\" width=\"236\" data-init-width=\"546\" height=\"548\" data-init-height=\"548\" title=\"Screenshot 2023-04-22 at 10.34.05\" src=\"https:\/\/leeromgeving.fixityourself.be\/wp-content\/uploads\/2023\/04\/Screenshot-2023-04-22-at-10.34.05.png\" data-width=\"236\" style=\"\" loading=\"lazy\"><\/span><\/p>\n<ul>\n<li><span style=\"text-decoration: underline;\">Geavanceerd<\/span>:&nbsp;hier kan je zoals bij elk element onder andere de&nbsp;<strong>marges<\/strong>&nbsp;en&nbsp;<strong>padding<\/strong> instellen.<\/li>\n<\/ul>\n","protected":false},"template":"","class_list":["post-995","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\/995"}],"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=995"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}