{"id":1060,"date":"2021-02-12T04:40:04","date_gmt":"2021-02-12T04:40:04","guid":{"rendered":"https:\/\/ariyah.webdesignengine.com\/clean-simple\/?page_id=1060"},"modified":"2021-02-16T17:07:52","modified_gmt":"2021-02-16T17:07:52","slug":"image-hotspots","status":"publish","type":"page","link":"https:\/\/ariyah.webdesignengine.com\/classy\/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 decoding=\"async\" src=\"https:\/\/ariyah.webdesignengine.com\/clean-simple\/wp-content\/uploads\/2021\/02\/pexels-karolina-grabowska-4199098-1536x1024.jpg\" class=\"wp-block-getwid-image-hotspot__image wp-image-1061\"\/><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":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/pages\/1060"}],"collection":[{"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/comments?post=1060"}],"version-history":[{"count":1,"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/pages\/1060\/revisions"}],"predecessor-version":[{"id":1142,"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/pages\/1060\/revisions\/1142"}],"wp:attachment":[{"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/media?parent=1060"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}