{"id":1060,"date":"2021-02-12T04:40:04","date_gmt":"2021-02-12T04:40:04","guid":{"rendered":"http:\/\/ariyah.webdesignengine.com\/clean\/?page_id=1060"},"modified":"2021-02-14T04:32:03","modified_gmt":"2021-02-14T04:32:03","slug":"image-hotspots","status":"publish","type":"page","link":"https:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/","title":{"rendered":"Image Hotspots"},"content":{"rendered":"\n<p>Use hotspots on top of images to point out features with descriptions. You can change the colors, position of  the tool tip, sizes, and different icons. <\/p>\n\n\n\n<div class=\"wp-block-getwid-image-hotspot\" data-appearance-animation=\"none\" data-image-points=\"[{&quot;link&quot;:&quot;&quot;,&quot;icon&quot;:&quot;far fa-heart&quot;,&quot;title&quot;:&quot;Tumeric&quot;,&quot;color&quot;:&quot;&quot;,&quot;content&quot;:&quot;Tumeric has anti-inflammatory properties.&quot;,&quot;backgroundColor&quot;:&quot;#fcb900&quot;,&quot;newTab&quot;:false,&quot;popUpOpen&quot;:false,&quot;popUpWidth&quot;:350,&quot;placement&quot;:&quot;right&quot;,&quot;position&quot;:{&quot;x&quot;:&quot;28.33%&quot;,&quot;y&quot;:&quot;48.55%&quot;}},{&quot;link&quot;:&quot;&quot;,&quot;icon&quot;:&quot;&quot;,&quot;title&quot;:&quot;Herbs&quot;,&quot;color&quot;:&quot;&quot;,&quot;content&quot;:&quot;Use herbs like sage, rosemary, and thyme&quot;,&quot;backgroundColor&quot;:&quot;#7bdcb5&quot;,&quot;newTab&quot;:false,&quot;popUpOpen&quot;:false,&quot;popUpWidth&quot;:350,&quot;placement&quot;:&quot;top&quot;,&quot;position&quot;:{&quot;x&quot;:&quot;12.19%&quot;,&quot;y&quot;:&quot;54.47%&quot;}},{&quot;link&quot;:&quot;&quot;,&quot;icon&quot;:&quot;fas fa-feather-alt&quot;,&quot;title&quot;:&quot;Cumin&quot;,&quot;color&quot;:&quot;&quot;,&quot;content&quot;:&quot;Cumin can help with digestion.&quot;,&quot;backgroundColor&quot;:&quot;#ff6900&quot;,&quot;newTab&quot;:false,&quot;popUpOpen&quot;:false,&quot;popUpWidth&quot;:350,&quot;placement&quot;:&quot;bottom&quot;,&quot;position&quot;:{&quot;x&quot;:&quot;44.91%&quot;,&quot;y&quot;:&quot;51.58%&quot;}},{&quot;link&quot;:&quot;&quot;,&quot;icon&quot;:&quot;fab fa-hotjar&quot;,&quot;title&quot;:&quot;Peppercorns&quot;,&quot;color&quot;:&quot;&quot;,&quot;content&quot;:&quot;Peppercorns add spice and can help with digestion as well&quot;,&quot;backgroundColor&quot;:&quot;#abb8c3&quot;,&quot;newTab&quot;:false,&quot;popUpOpen&quot;:false,&quot;popUpWidth&quot;:350,&quot;placement&quot;:&quot;left&quot;,&quot;position&quot;:{&quot;x&quot;:&quot;58.25%&quot;,&quot;y&quot;:&quot;55.13%&quot;}},{&quot;link&quot;:&quot;&quot;,&quot;icon&quot;:&quot;fas fa-water&quot;,&quot;title&quot;:&quot;Salt&quot;,&quot;color&quot;:&quot;&quot;,&quot;content&quot;:&quot;Salt can be the magical ingredient to any dish.&quot;,&quot;backgroundColor&quot;:&quot;#f78da7&quot;,&quot;newTab&quot;:false,&quot;popUpOpen&quot;:false,&quot;popUpWidth&quot;:350,&quot;placement&quot;:&quot;top&quot;,&quot;position&quot;:{&quot;x&quot;:&quot;73.60%&quot;,&quot;y&quot;:&quot;49.08%&quot;}},{&quot;link&quot;:&quot;&quot;,&quot;icon&quot;:&quot;fab fa-envira&quot;,&quot;title&quot;:&quot;Paprika&quot;,&quot;color&quot;:&quot;&quot;,&quot;content&quot;:&quot;Paprika is made from ground Capsicum chili peppers&quot;,&quot;backgroundColor&quot;:&quot;#cf2e2e&quot;,&quot;newTab&quot;:false,&quot;popUpOpen&quot;:false,&quot;popUpWidth&quot;:350,&quot;placement&quot;:&quot;bottom&quot;,&quot;position&quot;:{&quot;x&quot;:&quot;88.07%&quot;,&quot;y&quot;:&quot;51.18%&quot;}}]\" data-trigger=\"hover\" data-theme=\"translucent\" data-tooltip-animation=\"shift-away\" data-arrow=\"true\"><div class=\"wp-block-getwid-image-hotspot__wrapper\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" src=\"http:\/\/ariyah.webdesignengine.com\/clean\/wp-content\/uploads\/2021\/02\/pexels-karolina-grabowska-4199098-1536x1024.jpg\" class=\"wp-block-getwid-image-hotspot__image wp-image-1061\" srcset=\"https:\/\/ariyah.webdesignengine.com\/clean\/wp-content\/uploads\/2021\/02\/pexels-karolina-grabowska-4199098-1536x1024.jpg 1536w, https:\/\/ariyah.webdesignengine.com\/clean\/wp-content\/uploads\/2021\/02\/pexels-karolina-grabowska-4199098-700x467.jpg 700w, https:\/\/ariyah.webdesignengine.com\/clean\/wp-content\/uploads\/2021\/02\/pexels-karolina-grabowska-4199098-1024x683.jpg 1024w, https:\/\/ariyah.webdesignengine.com\/clean\/wp-content\/uploads\/2021\/02\/pexels-karolina-grabowska-4199098-768x512.jpg 768w, https:\/\/ariyah.webdesignengine.com\/clean\/wp-content\/uploads\/2021\/02\/pexels-karolina-grabowska-4199098.jpg 1920w\" sizes=\"(max-width: 1536px) 100vw, 1536px\" \/><div data-point-id=\"0\" class=\"wp-block-getwid-image-hotspot__dot has-animation-pulse\" style=\"padding:9px;left:28.33%;top:48.55%;background-color:#fcb900\"><div class=\"wp-block-getwid-image-hotspot__dot-wrapper\"><div style=\"font-size:15px\" class=\"wp-block-getwid-image-hotspot__dot-content\"><i class=\"far fa-heart wp-block-getwid-image-hotspot__dot-icon\"><\/i><\/div><\/div><div class=\"wp-block-getwid-image-hotspot__dot-description\"><div class=\"wp-block-getwid-image-hotspot__dot-title\">Tumeric<\/div><\/div><\/div><div data-point-id=\"1\" class=\"wp-block-getwid-image-hotspot__dot has-animation-pulse\" style=\"padding:9px;left:12.19%;top:54.47%;background-color:#7bdcb5\"><div class=\"wp-block-getwid-image-hotspot__dot-wrapper\"><div style=\"font-size:15px\" class=\"wp-block-getwid-image-hotspot__dot-content\"><i class=\"fas fa-plus wp-block-getwid-image-hotspot__dot-icon\"><\/i><\/div><\/div><div class=\"wp-block-getwid-image-hotspot__dot-description\"><div class=\"wp-block-getwid-image-hotspot__dot-title\">Herbs<\/div><\/div><\/div><div data-point-id=\"2\" class=\"wp-block-getwid-image-hotspot__dot has-animation-pulse\" style=\"padding:9px;left:44.91%;top:51.58%;background-color:#ff6900\"><div class=\"wp-block-getwid-image-hotspot__dot-wrapper\"><div style=\"font-size:15px\" class=\"wp-block-getwid-image-hotspot__dot-content\"><i class=\"fas fa-feather-alt wp-block-getwid-image-hotspot__dot-icon\"><\/i><\/div><\/div><div class=\"wp-block-getwid-image-hotspot__dot-description\"><div class=\"wp-block-getwid-image-hotspot__dot-title\">Cumin<\/div><\/div><\/div><div data-point-id=\"3\" class=\"wp-block-getwid-image-hotspot__dot has-animation-pulse\" style=\"padding:9px;left:58.25%;top:55.13%;background-color:#abb8c3\"><div class=\"wp-block-getwid-image-hotspot__dot-wrapper\"><div style=\"font-size:15px\" class=\"wp-block-getwid-image-hotspot__dot-content\"><i class=\"fab fa-hotjar wp-block-getwid-image-hotspot__dot-icon\"><\/i><\/div><\/div><div class=\"wp-block-getwid-image-hotspot__dot-description\"><div class=\"wp-block-getwid-image-hotspot__dot-title\">Peppercorns<\/div><\/div><\/div><div data-point-id=\"4\" class=\"wp-block-getwid-image-hotspot__dot has-animation-pulse\" style=\"padding:9px;left:73.60%;top:49.08%;background-color:#f78da7\"><div class=\"wp-block-getwid-image-hotspot__dot-wrapper\"><div style=\"font-size:15px\" class=\"wp-block-getwid-image-hotspot__dot-content\"><i class=\"fas fa-water wp-block-getwid-image-hotspot__dot-icon\"><\/i><\/div><\/div><div class=\"wp-block-getwid-image-hotspot__dot-description\"><div class=\"wp-block-getwid-image-hotspot__dot-title\">Salt<\/div><\/div><\/div><div data-point-id=\"5\" class=\"wp-block-getwid-image-hotspot__dot has-animation-pulse\" style=\"padding:9px;left:88.07%;top:51.18%;background-color:#cf2e2e\"><div class=\"wp-block-getwid-image-hotspot__dot-wrapper\"><div style=\"font-size:15px\" class=\"wp-block-getwid-image-hotspot__dot-content\"><i class=\"fab fa-envira wp-block-getwid-image-hotspot__dot-icon\"><\/i><\/div><\/div><div class=\"wp-block-getwid-image-hotspot__dot-description\"><div class=\"wp-block-getwid-image-hotspot__dot-title\">Paprika<\/div><\/div><\/div><\/div><\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Use hotspots on top of images to point out features with descriptions. You can change the colors, position of the tool tip, sizes, and different icons.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"nohero_template.php","meta":{"footnotes":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Image Hotspots - CLEAN &amp; SIMPLE<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Image Hotspots - CLEAN &amp; SIMPLE\" \/>\n<meta property=\"og:description\" content=\"Use hotspots on top of images to point out features with descriptions. You can change the colors, position of the tool tip, sizes, and different icons.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/\" \/>\n<meta property=\"og:site_name\" content=\"CLEAN &amp; SIMPLE\" \/>\n<meta property=\"article:modified_time\" content=\"2021-02-14T04:32:03+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/ariyah.webdesignengine.com\/clean\/wp-content\/uploads\/2021\/02\/pexels-karolina-grabowska-4199098-1536x1024.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/\",\"url\":\"https:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/\",\"name\":\"Image Hotspots - CLEAN &amp; SIMPLE\",\"isPartOf\":{\"@id\":\"https:\/\/ariyah.webdesignengine.com\/clean\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/ariyah.webdesignengine.com\/clean\/wp-content\/uploads\/2021\/02\/pexels-karolina-grabowska-4199098-1536x1024.jpg\",\"datePublished\":\"2021-02-12T04:40:04+00:00\",\"dateModified\":\"2021-02-14T04:32:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/#primaryimage\",\"url\":\"https:\/\/ariyah.webdesignengine.com\/clean\/wp-content\/uploads\/2021\/02\/pexels-karolina-grabowska-4199098.jpg\",\"contentUrl\":\"https:\/\/ariyah.webdesignengine.com\/clean\/wp-content\/uploads\/2021\/02\/pexels-karolina-grabowska-4199098.jpg\",\"width\":1920,\"height\":1280},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ariyah.webdesignengine.com\/clean\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Image Hotspots\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ariyah.webdesignengine.com\/clean\/#website\",\"url\":\"https:\/\/ariyah.webdesignengine.com\/clean\/\",\"name\":\"CLEAN &amp; SIMPLE\",\"description\":\"find your greatness\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ariyah.webdesignengine.com\/clean\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Image Hotspots - CLEAN &amp; SIMPLE","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:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/","og_locale":"en_US","og_type":"article","og_title":"Image Hotspots - CLEAN &amp; SIMPLE","og_description":"Use hotspots on top of images to point out features with descriptions. You can change the colors, position of the tool tip, sizes, and different icons.","og_url":"https:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/","og_site_name":"CLEAN &amp; SIMPLE","article_modified_time":"2021-02-14T04:32:03+00:00","og_image":[{"url":"http:\/\/ariyah.webdesignengine.com\/clean\/wp-content\/uploads\/2021\/02\/pexels-karolina-grabowska-4199098-1536x1024.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/","url":"https:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/","name":"Image Hotspots - CLEAN &amp; SIMPLE","isPartOf":{"@id":"https:\/\/ariyah.webdesignengine.com\/clean\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/#primaryimage"},"image":{"@id":"https:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/#primaryimage"},"thumbnailUrl":"http:\/\/ariyah.webdesignengine.com\/clean\/wp-content\/uploads\/2021\/02\/pexels-karolina-grabowska-4199098-1536x1024.jpg","datePublished":"2021-02-12T04:40:04+00:00","dateModified":"2021-02-14T04:32:03+00:00","breadcrumb":{"@id":"https:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/#primaryimage","url":"https:\/\/ariyah.webdesignengine.com\/clean\/wp-content\/uploads\/2021\/02\/pexels-karolina-grabowska-4199098.jpg","contentUrl":"https:\/\/ariyah.webdesignengine.com\/clean\/wp-content\/uploads\/2021\/02\/pexels-karolina-grabowska-4199098.jpg","width":1920,"height":1280},{"@type":"BreadcrumbList","@id":"https:\/\/ariyah.webdesignengine.com\/clean\/image-hotspots\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ariyah.webdesignengine.com\/clean\/"},{"@type":"ListItem","position":2,"name":"Image Hotspots"}]},{"@type":"WebSite","@id":"https:\/\/ariyah.webdesignengine.com\/clean\/#website","url":"https:\/\/ariyah.webdesignengine.com\/clean\/","name":"CLEAN &amp; SIMPLE","description":"find your greatness","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ariyah.webdesignengine.com\/clean\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/ariyah.webdesignengine.com\/clean\/wp-json\/wp\/v2\/pages\/1060"}],"collection":[{"href":"https:\/\/ariyah.webdesignengine.com\/clean\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ariyah.webdesignengine.com\/clean\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ariyah.webdesignengine.com\/clean\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ariyah.webdesignengine.com\/clean\/wp-json\/wp\/v2\/comments?post=1060"}],"version-history":[{"count":14,"href":"https:\/\/ariyah.webdesignengine.com\/clean\/wp-json\/wp\/v2\/pages\/1060\/revisions"}],"predecessor-version":[{"id":1081,"href":"https:\/\/ariyah.webdesignengine.com\/clean\/wp-json\/wp\/v2\/pages\/1060\/revisions\/1081"}],"wp:attachment":[{"href":"https:\/\/ariyah.webdesignengine.com\/clean\/wp-json\/wp\/v2\/media?parent=1060"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}