{"id":3945,"date":"2020-04-11T19:04:54","date_gmt":"2020-04-11T19:04:54","guid":{"rendered":"http:\/\/wordpress.creativegigs.net\/docly\/docs\/rogan-wordpress-theme-documentation\/elements\/image-lightbox\/"},"modified":"2022-08-31T21:18:11","modified_gmt":"2022-08-31T21:18:11","slug":"image-hotspots","status":"publish","type":"docs","link":"https:\/\/docaccounter.codice01.com.br\/index.php\/docs\/docly-documentation\/elements\/image-hotspots\/","title":{"rendered":"Image Hotspots Widget"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3945\" class=\"elementor elementor-3945\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1a2b075a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1a2b075a\" data-element_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-6424d601\" data-id=\"6424d601\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-21381e7f elementor-widget elementor-widget-text-editor\" data-id=\"21381e7f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.7.4 - 31-08-2022 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#818a91;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#818a91;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<!-- wp:paragraph -->\n<p>A Dashboard is a convenient way to get an overview of the the current status of your tasks and monitorthe progress of your team.<\/p>\n<!-- \/wp:paragraph -->\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3caaa20 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3caaa20\" data-element_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-f555eb1\" data-id=\"f555eb1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b24c2df elementor-widget elementor-widget-docly-image-hotspots\" data-id=\"b24c2df\" data-element_type=\"widget\" data-widget_type=\"docly-image-hotspots.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t            <div class=\"pointing_img_container pointing_img_two\">\n                <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/docaccounter.codice01.com.br\/wp-content\/uploads\/2021\/12\/luca-bravo-XJXWbfSo2f0-unsplash-1.jpg\" class=\"attachment-full size-full\" alt=\"\" \/>                                    <div class=\"img_pointing  elementor-repeater-item-2ac36d0 ?> tooltips\" data-tooltip-content=\"#tooltip-2ac36d0\">\n                        <div class=\"dot\"><\/div>\n                    <\/div>\n                                        <div class=\"img_pointing one elementor-repeater-item-7468fd7 ?> tooltips\" data-tooltip-content=\"#tooltip-7468fd7\">\n                        <div class=\"dot\"><\/div>\n                    <\/div>\n                                        <div class=\"img_pointing two elementor-repeater-item-6fbc67f ?> tooltips\" data-tooltip-content=\"#tooltip-6fbc67f\">\n                        <div class=\"dot\"><\/div>\n                    <\/div>\n                                        <div class=\"img_pointing three elementor-repeater-item-4176394 ?> tooltips\" data-tooltip-content=\"#tooltip-4176394\">\n                        <div class=\"dot\"><\/div>\n                    <\/div>\n                                <\/div>\n                            <div class=\"tooltip_templates d-none\">\n                    <div id=\"tooltip-2ac36d0\">\n                        <div class=\"img_pointing_content\">\n                            <p>For editing menu navigation settings go to <span>Theme Options > Header > Top of Header<\/span><\/p>\n<p>For editing menus items go to Appearance > Menus<\/p>\n<p>And for styling menus go to Theme Options > Header > Top of Header > Menu Styles of this Row<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"tooltip_templates d-none\">\n                    <div id=\"tooltip-7468fd7\">\n                        <div class=\"img_pointing_content\">\n                            <p>For editing menus items go to Appearance > Menus<\/p>\n<p>And for styling menus go to <span>Theme Options > Header > Top of Header > Menu Styles <\/span\n<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"tooltip_templates d-none\">\n                    <div id=\"tooltip-6fbc67f\">\n                        <div class=\"img_pointing_content\">\n                            <p>Aspernatur quos nihil faucibus quae nihil aliquid aliquet <span>laboriosam sint<\/span> sodales pede aliquid aliquid nibh<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"tooltip_templates d-none\">\n                    <div id=\"tooltip-4176394\">\n                        <div class=\"img_pointing_content\">\n                            <p>For editing menus items go to Appearance > Menus<\/p>\n<p>And for styling menus go to <span>Theme Options > Header > Top of Header > Menu Styles <\/span\n<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8c0d9ec elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8c0d9ec\" data-element_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-bde1b36\" data-id=\"bde1b36\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-714baa8 elementor-widget elementor-widget-heading\" data-id=\"714baa8\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.7.4 - 31-08-2022 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Hotspots in lightbox modal<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2da9e6e elementor-widget elementor-widget-docly-image-hotspots\" data-id=\"2da9e6e\" data-element_type=\"widget\" data-widget_type=\"docly-image-hotspots.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t                <div class=\"pointing_img\">\n                    <a href=\"#\" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModal-2da9e6e\">\n                        <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/docaccounter.codice01.com.br\/wp-content\/uploads\/2021\/05\/josh-hild-jdTdvF6fDus-unsplash-1.jpg\" class=\"attachment-full size-full\" alt=\"\" \/>                    <\/a>\n                <\/div>\n                            <div class=\"modal fade img_modal\" id=\"exampleModal-2da9e6e\" tabindex=\"-2\" role=\"dialog\" aria-hidden=\"false\">\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <i class=\" icon_close\"><\/i>\n                <\/button>\n                <div class=\"modal-dialog pointing_img_container\" role=\"document\">\n                    <div class=\"modal-content\">\n                        <img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1280\" src=\"https:\/\/docaccounter.codice01.com.br\/wp-content\/uploads\/2021\/05\/josh-hild-jdTdvF6fDus-unsplash-1.jpg\" class=\"attachment-full size-full\" alt=\"\" \/>                            <div class=\"img_pointing tooltips  elementor-repeater-item-2ac36d0\" data-tooltip-content=\"#tooltip-2ac36d0\">\n                                <div class=\"dot\"><\/div>\n                            <\/div>\n                                                        <div class=\"img_pointing tooltips one elementor-repeater-item-7468fd7\" data-tooltip-content=\"#tooltip-7468fd7\">\n                                <div class=\"dot\"><\/div>\n                            <\/div>\n                                                        <div class=\"img_pointing tooltips two elementor-repeater-item-6fbc67f\" data-tooltip-content=\"#tooltip-6fbc67f\">\n                                <div class=\"dot\"><\/div>\n                            <\/div>\n                                                        <div class=\"img_pointing tooltips three elementor-repeater-item-4176394\" data-tooltip-content=\"#tooltip-4176394\">\n                                <div class=\"dot\"><\/div>\n                            <\/div>\n                                                <\/div>\n                <\/div>\n            <\/div>\n                            <div class=\"tooltip_templates d-none\">\n                    <div id=\"tooltip-2ac36d0\">\n                        <div class=\"img_pointing_content\">\n                            <p>Lorem ipsum some dummy text is here.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"tooltip_templates d-none\">\n                    <div id=\"tooltip-7468fd7\">\n                        <div class=\"img_pointing_content\">\n                            <p>Aspernatur quos nihil faucibus quae nihil aliquid aliquet laboriosam sint sodales pede aliquid aliquid nibh<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"tooltip_templates d-none\">\n                    <div id=\"tooltip-6fbc67f\">\n                        <div class=\"img_pointing_content\">\n                            <p>For editing menus items go to Appearance > Menus<\/p>\n<p>And for styling menus go to <span>Theme Options > Header > Top of Header > Menu Styles <\/span\n<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                                <div class=\"tooltip_templates d-none\">\n                    <div id=\"tooltip-4176394\">\n                        <div class=\"img_pointing_content\">\n                            <p>For editing menu navigation settings go to Theme Options > Header > Top of Header > Menu Element<\/p>\n<p>For editing menus items go to Appearance > Menus<\/p>\n<p>And for styling menus go to <span>Theme Options > Header > Top of Header > Menu Styles<\/span><\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A Dashboard is a convenient way to get an overview of the the current status of your tasks and monitorthe progress of your team. tooltips&#8221; data-tooltip-content=&#8221;#tooltip-2ac36d0&#8243;> tooltips&#8221; data-tooltip-content=&#8221;#tooltip-7468fd7&#8243;> tooltips&#8221; data-tooltip-content=&#8221;#tooltip-6fbc67f&#8221;> tooltips&#8221; data-tooltip-content=&#8221;#tooltip-4176394&#8243;> For editing menu navigation settings go to Theme Options > Header > Top of Header For editing menus items go to Appearance > [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2744,"menu_order":4,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[34,40,44,52],"class_list":["post-3945","docs","type-docs","status-publish","hentry","doc_tag-doc","doc_tag-image","doc_tag-new","doc_tag-tag","no-post-thumbnail"],"acf":[],"_links":{"self":[{"href":"https:\/\/docaccounter.codice01.com.br\/index.php\/wp-json\/wp\/v2\/docs\/3945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docaccounter.codice01.com.br\/index.php\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docaccounter.codice01.com.br\/index.php\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/docaccounter.codice01.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docaccounter.codice01.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=3945"}],"version-history":[{"count":1,"href":"https:\/\/docaccounter.codice01.com.br\/index.php\/wp-json\/wp\/v2\/docs\/3945\/revisions"}],"predecessor-version":[{"id":8339,"href":"https:\/\/docaccounter.codice01.com.br\/index.php\/wp-json\/wp\/v2\/docs\/3945\/revisions\/8339"}],"up":[{"embeddable":true,"href":"https:\/\/docaccounter.codice01.com.br\/index.php\/wp-json\/wp\/v2\/docs\/2744"}],"wp:attachment":[{"href":"https:\/\/docaccounter.codice01.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=3945"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docaccounter.codice01.com.br\/index.php\/wp-json\/wp\/v2\/doc_tag?post=3945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}