{"id":39710,"date":"2021-03-21T21:10:27","date_gmt":"2021-03-21T20:10:27","guid":{"rendered":"https:\/\/franktielemans.be\/blog\/?page_id=39710"},"modified":"2022-06-22T19:07:19","modified_gmt":"2022-06-22T18:07:19","slug":"make-widgets-clickable","status":"publish","type":"page","link":"https:\/\/franktielemans.be\/blog\/make-widgets-clickable\/","title":{"rendered":"make widgets clickable"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"39710\" class=\"elementor elementor-39710\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-402ae8a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"402ae8a\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bdde128\" data-id=\"bdde128\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c9c032f elementor-widget elementor-widget-heading\" data-id=\"c9c032f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Iconboxes (whole card is clickable)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ed7677c linked-widgets elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ed7677c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-0b47705\" data-id=\"0b47705\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-673e09b elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"673e09b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/franktielemans.be\/blog\/change-background-color-on-scroll2\/\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"Body background-color on scroll\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-paint-roller\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 128V32c0-17.67-14.33-32-32-32H32C14.33 0 0 14.33 0 32v96c0 17.67 14.33 32 32 32h352c17.67 0 32-14.33 32-32zm32-64v128c0 17.67-14.33 32-32 32H256c-35.35 0-64 28.65-64 64v32c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32v-32h160c53.02 0 96-42.98 96-96v-64c0-35.35-28.65-64-64-64z\"><\/path><\/svg>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/franktielemans.be\/blog\/change-background-color-on-scroll2\/\" >\n\t\t\t\t\t\t\tBody background-color on scroll\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWith this script you can change the body background-color on scroll in a smooth transition.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-4bc8a5a\" data-id=\"4bc8a5a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4bd373a elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"4bd373a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/franktielemans.be\/blog\/gallery-custom-grid\/\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"Custom grid for image gallery\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-th\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z\"><\/path><\/svg>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/franktielemans.be\/blog\/gallery-custom-grid\/\" >\n\t\t\t\t\t\t\tCustom grid for image gallery\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tThis gallery is styled in a complex grid. \t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-3040c09\" data-id=\"3040c09\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c5d3587 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"c5d3587\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/franktielemans.be\/blog\/button-styles\/\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"Custom button styles\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/franktielemans.be\/blog\/button-styles\/\" >\n\t\t\t\t\t\t\tCustom button styles\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tAll these are buttons are custom styled with CSS.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-24243e0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"24243e0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-42a3451\" data-id=\"42a3451\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e6270b elementor-widget elementor-widget-heading\" data-id=\"3e6270b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Imageboxes (whole card is clickable)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3f1f66f linked-widgets elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3f1f66f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-5e7b92a\" data-id=\"5e7b92a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4a6d6c7 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"4a6d6c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/franktielemans.be\/blog\/tabs-grid\/\" tabindex=\"-1\"><img fetchpriority=\"high\" decoding=\"async\" width=\"400\" height=\"300\" src=\"https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2021\/02\/center7.jpg\" class=\"attachment-full size-full wp-image-30868\" alt=\"\" srcset=\"https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2021\/02\/center7.jpg 400w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2021\/02\/center7-300x225.jpg 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\"><a href=\"https:\/\/franktielemans.be\/blog\/tabs-grid\/\">Tabs widget styled in a grid<\/a><\/h3><p class=\"elementor-image-box-description\">This tabs widget is styled in a grid and it uses a clip-path animation to show the content.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-d7cd780\" data-id=\"d7cd780\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8e38f05 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"8e38f05\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/franktielemans.be\/blog\/bodyframe-effect\/\" tabindex=\"-1\"><img decoding=\"async\" width=\"400\" height=\"300\" src=\"https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2021\/02\/center1.jpg\" class=\"attachment-full size-full wp-image-30866\" alt=\"\" srcset=\"https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2021\/02\/center1.jpg 400w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2021\/02\/center1-300x225.jpg 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\"><a href=\"https:\/\/franktielemans.be\/blog\/bodyframe-effect\/\">Bodyframe effect<\/a><\/h3><p class=\"elementor-image-box-description\">This nav menu widget uses clip-path animation to open a the fullscreen menu. All done with CSS.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-2beeae6\" data-id=\"2beeae6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5d9c2b8 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"5d9c2b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/franktielemans.be\/blog\/continious-carousel\/\" tabindex=\"-1\"><img fetchpriority=\"high\" decoding=\"async\" width=\"400\" height=\"300\" src=\"https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2021\/02\/center7.jpg\" class=\"attachment-full size-full wp-image-30868\" alt=\"\" srcset=\"https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2021\/02\/center7.jpg 400w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2021\/02\/center7-300x225.jpg 300w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\"><a href=\"https:\/\/franktielemans.be\/blog\/continious-carousel\/\">Image gallery in marquee<\/a><\/h3><p class=\"elementor-image-box-description\">This image gallery animates like a marquee, done with CSS<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5624d29 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5624d29\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2ba7b66\" data-id=\"2ba7b66\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a87cc3a elementor-widget elementor-widget-heading\" data-id=\"a87cc3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Posts widget (whole card is clickable)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a5815e9 linked-widgets elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a5815e9\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2affe24\" data-id=\"2affe24\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8006d05 elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-card-shadow-yes elementor-posts__hover-gradient elementor-widget elementor-widget-posts\" data-id=\"8006d05\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;cards_columns&quot;:&quot;3&quot;,&quot;cards_columns_tablet&quot;:&quot;2&quot;,&quot;cards_columns_mobile&quot;:&quot;1&quot;,&quot;cards_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:35,&quot;sizes&quot;:[]},&quot;cards_row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;cards_row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"posts.cards\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-cards elementor-grid\" role=\"list\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-88130 post type-post status-publish format-standard hentry category-algemeen\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/franktielemans.be\/blog\/2023\/07\/30\/hyphenation-in-webdesign\/\" >\n\t\t\t\thyphenation in webdesign\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/franktielemans.be\/blog\/2023\/07\/30\/hyphenation-in-webdesign\/\" aria-label=\"Read more about hyphenation in webdesign\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t30 July 2023\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tNo Comments\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-3059 post type-post status-publish format-standard has-post-thumbnail hentry category-accountants\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/franktielemans.be\/blog\/2020\/01\/27\/wanted-law\/\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/2Photographers20190701175327zwmed_groot_339b8901-9039-4bbf-bb26-cfdc1bc38b53-300x200.jpg\" class=\"attachment-medium size-medium wp-image-9659\" alt=\"\" srcset=\"https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/2Photographers20190701175327zwmed_groot_339b8901-9039-4bbf-bb26-cfdc1bc38b53-300x200.jpg 300w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/2Photographers20190701175327zwmed_groot_339b8901-9039-4bbf-bb26-cfdc1bc38b53-1024x683.jpg 1024w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/2Photographers20190701175327zwmed_groot_339b8901-9039-4bbf-bb26-cfdc1bc38b53-768x512.jpg 768w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/2Photographers20190701175327zwmed_groot_339b8901-9039-4bbf-bb26-cfdc1bc38b53-1536x1024.jpg 1536w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/2Photographers20190701175327zwmed_groot_339b8901-9039-4bbf-bb26-cfdc1bc38b53-2048x1366.jpg 2048w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/franktielemans.be\/blog\/2020\/01\/27\/wanted-law\/\" >\n\t\t\t\tWanted Law\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/franktielemans.be\/blog\/2020\/01\/27\/wanted-law\/\" aria-label=\"Read more about Wanted Law\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t27 January 2020\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tNo Comments\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-3064 post type-post status-publish format-standard has-post-thumbnail hentry category-social\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/franktielemans.be\/blog\/2020\/01\/27\/think-pink\/\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"150\" src=\"https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/TP-beeld-2-02_groot_aaa3bf17-8098-4560-861a-0847358ab60b-300x150.jpg\" class=\"attachment-medium size-medium wp-image-9675\" alt=\"\" srcset=\"https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/TP-beeld-2-02_groot_aaa3bf17-8098-4560-861a-0847358ab60b-300x150.jpg 300w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/TP-beeld-2-02_groot_aaa3bf17-8098-4560-861a-0847358ab60b-1024x514.jpg 1024w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/TP-beeld-2-02_groot_aaa3bf17-8098-4560-861a-0847358ab60b-768x385.jpg 768w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/TP-beeld-2-02_groot_aaa3bf17-8098-4560-861a-0847358ab60b-1536x770.jpg 1536w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/TP-beeld-2-02_groot_aaa3bf17-8098-4560-861a-0847358ab60b-2048x1027.jpg 2048w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/franktielemans.be\/blog\/2020\/01\/27\/think-pink\/\" >\n\t\t\t\tThink pink\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/franktielemans.be\/blog\/2020\/01\/27\/think-pink\/\" aria-label=\"Read more about Think pink\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t27 January 2020\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tNo Comments\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-1918 post type-post status-publish format-standard has-post-thumbnail hentry category-accountants\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/franktielemans.be\/blog\/2020\/01\/17\/adverlaw\/\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"159\" src=\"https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/1_groot_7d57f464-325f-4215-921d-390fcdecd9e0-1-300x159.jpg\" class=\"attachment-medium size-medium wp-image-9670\" alt=\"\" srcset=\"https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/1_groot_7d57f464-325f-4215-921d-390fcdecd9e0-1-300x159.jpg 300w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/1_groot_7d57f464-325f-4215-921d-390fcdecd9e0-1-1024x541.jpg 1024w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/1_groot_7d57f464-325f-4215-921d-390fcdecd9e0-1-768x406.jpg 768w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/1_groot_7d57f464-325f-4215-921d-390fcdecd9e0-1-1536x812.jpg 1536w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/1_groot_7d57f464-325f-4215-921d-390fcdecd9e0-1-2048x1082.jpg 2048w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/franktielemans.be\/blog\/2020\/01\/17\/adverlaw\/\" >\n\t\t\t\tAdverlaw\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/franktielemans.be\/blog\/2020\/01\/17\/adverlaw\/\" aria-label=\"Read more about Adverlaw\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t17 January 2020\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tNo Comments\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-1930 post type-post status-publish format-standard has-post-thumbnail hentry category-accountants\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/franktielemans.be\/blog\/2020\/01\/17\/divorce-planners\/\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/JurgendeWitte20171026202002med_groot_7dab9460-0e0f-42fc-8bc8-73e3cc9034ea-300x200.jpg\" class=\"attachment-medium size-medium wp-image-9658\" alt=\"\" srcset=\"https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/JurgendeWitte20171026202002med_groot_7dab9460-0e0f-42fc-8bc8-73e3cc9034ea-300x200.jpg 300w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/JurgendeWitte20171026202002med_groot_7dab9460-0e0f-42fc-8bc8-73e3cc9034ea-1024x683.jpg 1024w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/JurgendeWitte20171026202002med_groot_7dab9460-0e0f-42fc-8bc8-73e3cc9034ea-768x512.jpg 768w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/JurgendeWitte20171026202002med_groot_7dab9460-0e0f-42fc-8bc8-73e3cc9034ea-1536x1024.jpg 1536w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/JurgendeWitte20171026202002med_groot_7dab9460-0e0f-42fc-8bc8-73e3cc9034ea-2048x1366.jpg 2048w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/franktielemans.be\/blog\/2020\/01\/17\/divorce-planners\/\" >\n\t\t\t\tDivorce planners\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/franktielemans.be\/blog\/2020\/01\/17\/divorce-planners\/\" aria-label=\"Read more about Divorce planners\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t17 January 2020\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tNo Comments\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-1921 post type-post status-publish format-standard has-post-thumbnail hentry category-social\" role=\"listitem\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/franktielemans.be\/blog\/2020\/01\/17\/residential-center-inkendaal\/\" tabindex=\"-1\" ><div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/JurgendeWitte20170413131442med_groot_24e29b43-3a96-4403-913d-ab17aba9b23b-300x200.jpg\" class=\"attachment-medium size-medium wp-image-9661\" alt=\"\" srcset=\"https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/JurgendeWitte20170413131442med_groot_24e29b43-3a96-4403-913d-ab17aba9b23b-300x200.jpg 300w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/JurgendeWitte20170413131442med_groot_24e29b43-3a96-4403-913d-ab17aba9b23b-1024x683.jpg 1024w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/JurgendeWitte20170413131442med_groot_24e29b43-3a96-4403-913d-ab17aba9b23b-768x512.jpg 768w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/JurgendeWitte20170413131442med_groot_24e29b43-3a96-4403-913d-ab17aba9b23b-1536x1024.jpg 1536w, https:\/\/franktielemans.be\/blog\/wp-content\/uploads\/2020\/01\/JurgendeWitte20170413131442med_groot_24e29b43-3a96-4403-913d-ab17aba9b23b-2048x1366.jpg 2048w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div><\/a>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/franktielemans.be\/blog\/2020\/01\/17\/residential-center-inkendaal\/\" >\n\t\t\t\tResidential Center Inkendaal\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\n\t\t<a class=\"elementor-post__read-more\" href=\"https:\/\/franktielemans.be\/blog\/2020\/01\/17\/residential-center-inkendaal\/\" aria-label=\"Read more about Residential Center Inkendaal\" tabindex=\"-1\" >\n\t\t\tRead More \u00bb\t\t<\/a>\n\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-date\">\n\t\t\t17 January 2020\t\t<\/span>\n\t\t\t\t<span class=\"elementor-post-avatar\">\n\t\t\tNo Comments\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b5575ad elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b5575ad\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4fe6179\" data-id=\"4fe6179\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1912e00 elementor-widget elementor-widget-html\" data-id=\"1912e00\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\njQuery(function($){\r\n    \r\n$(\".linked-widgets\").find(\".elementor-widget-image-box, .elementor-post, .elementor-widget-icon-box\").each(function(){\r\n    \r\nlet link = $(this).find(\"a\").attr(\"href\");\r\n\r\n$(this).wrapAll( document.createElement( \"a\" ) );\r\n$(this).closest(\"a\").attr(\"href\", link); \r\n    });\r\n});\r\n});\r\n<\/script>\r\n\r\n\r\n<style>\r\n\/*styles to fix equal height*\/\r\n\r\n.linked-widgets .elementor-widget-image-box,\r\n.linked-widgets  .elementor-widget-wrap > a ,\r\n.linked-widgets  .elementor-widget-icon-box {\r\n    display: flex;\r\n    height: 100%;\r\n}\r\n\r\n.linked-widgets  .elementor-image-box-wrapper,\r\n.linked-widgets .elementor-posts > * > * {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n}\r\n.linked-widgets .elementor-image-box-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-grow: 1;\r\n }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0dc2419 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0dc2419\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0168e4c\" data-id=\"0168e4c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f0024bf elementor-widget elementor-widget-heading\" data-id=\"f0024bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The script<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f36c1e0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f36c1e0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a9c0eb5\" data-id=\"a9c0eb5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f3fe2c8 elementor-widget elementor-widget-text-editor\" data-id=\"f3fe2c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The script below makes the whole area of a icon-box, image-box or post clickable. Not only the image, icon or title or read more button, but the whole card!\u00a0<br \/>Everything happens dynamically, because the script automatically searches for a link, creates a link wrapper around the element and adds the link to it.<\/p><p>To make it work copy the script below and paste it in a HTML widget.<br \/>Next, select the section that holds the iconboxes, imageboxes or posts and give it the classname <strong>linked-widgets<br \/>That&#8217;s all!<br \/><\/strong><\/p><p><strong>\u00a0<\/strong><\/p><p>If you want to run the script on the whole website, <strong>go to Dashboard &gt; Elementor &gt; custom code &gt; add new code<\/strong><br \/>copy &#8211; paste the Javascript and CSS and paste it in a new custom code file.<strong><br \/><br \/><\/strong>Make sure the Javascript runs in the &lt;\/body&gt; end and the CSS in the &lt;head&gt;<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d650b6b elementor-widget elementor-widget-code-highlight\" data-id=\"d650b6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-tomorrow copy-to-clipboard word-wrap\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp><script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\njQuery(function($){\r\n    \r\n$(\".linked-widgets\").find(\".elementor-widget-image-box, .elementor-post, .elementor-widget-icon-box\").each(function(){\r\n    \r\nlet link = $(this).find(\"a\").attr(\"href\");\r\n\r\n$(this).wrapAll( document.createElement( \"a\" ) );\r\n$(this).closest(\"a\").attr(\"href\", link); \r\n    });\r\n});\r\n});\r\n<\/script>\r\n\r\n\r\n<style>\r\n\/*styles to fix equal height*\/\r\n\r\n.linked-widgets .elementor-widget-image-box,\r\n.linked-widgets  .elementor-widget-wrap > a ,\r\n.linked-widgets  .elementor-widget-icon-box {\r\n    display: flex;\r\n    height: 100%;\r\n}\r\n\r\n.linked-widgets  .elementor-image-box-wrapper,\r\n.linked-widgets .elementor-posts > * > * {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n}\r\n.linked-widgets .elementor-image-box-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-grow: 1;\r\n }\r\n<\/style><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-38d40cf linked-widgets e-flex e-con-boxed e-con e-parent\" data-id=\"38d40cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-57d0770 e-con-full e-flex e-con e-child\" data-id=\"57d0770\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-263ccbc elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"263ccbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/franktielemans.be\/blog\/change-background-color-on-scroll2\/\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"Body background-color on scroll\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-paint-roller\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 128V32c0-17.67-14.33-32-32-32H32C14.33 0 0 14.33 0 32v96c0 17.67 14.33 32 32 32h352c17.67 0 32-14.33 32-32zm32-64v128c0 17.67-14.33 32-32 32H256c-35.35 0-64 28.65-64 64v32c-17.67 0-32 14.33-32 32v128c0 17.67 14.33 32 32 32h64c17.67 0 32-14.33 32-32V352c0-17.67-14.33-32-32-32v-32h160c53.02 0 96-42.98 96-96v-64c0-35.35-28.65-64-64-64z\"><\/path><\/svg>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/franktielemans.be\/blog\/change-background-color-on-scroll2\/\" >\n\t\t\t\t\t\t\tBody background-color on scroll\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tWith this script you can change the body background-color on scroll in a smooth transition.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-898d42e e-con-full e-flex e-con e-child\" data-id=\"898d42e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d41b31 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"0d41b31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/franktielemans.be\/blog\/gallery-custom-grid\/\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"Custom grid for image gallery\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-th\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z\"><\/path><\/svg>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/franktielemans.be\/blog\/gallery-custom-grid\/\" >\n\t\t\t\t\t\t\tCustom grid for image gallery\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tThis gallery is styled in a complex grid. \t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d788408 e-con-full e-flex e-con e-child\" data-id=\"d788408\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-863be48 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box\" data-id=\"863be48\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"https:\/\/franktielemans.be\/blog\/button-styles\/\" class=\"elementor-icon\" tabindex=\"-1\" aria-label=\"Custom button styles\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8z\"><\/path><\/svg>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<a href=\"https:\/\/franktielemans.be\/blog\/button-styles\/\" >\n\t\t\t\t\t\t\tCustom button styles\t\t\t\t\t\t<\/a>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tAll these are buttons are custom styled with CSS.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Iconboxes (whole card is clickable) Body background-color on scroll With this script you can change the body background-color on scroll in a smooth transition. Custom<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_oct_exclude_from_cache":false,"footnotes":""},"categories":[],"tags":[],"class_list":["post-39710","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/franktielemans.be\/blog\/wp-json\/wp\/v2\/pages\/39710","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/franktielemans.be\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/franktielemans.be\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/franktielemans.be\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/franktielemans.be\/blog\/wp-json\/wp\/v2\/comments?post=39710"}],"version-history":[{"count":0,"href":"https:\/\/franktielemans.be\/blog\/wp-json\/wp\/v2\/pages\/39710\/revisions"}],"wp:attachment":[{"href":"https:\/\/franktielemans.be\/blog\/wp-json\/wp\/v2\/media?parent=39710"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/franktielemans.be\/blog\/wp-json\/wp\/v2\/categories?post=39710"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/franktielemans.be\/blog\/wp-json\/wp\/v2\/tags?post=39710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}