{"id":10869,"date":"2017-06-23T12:14:54","date_gmt":"2017-06-23T06:44:54","guid":{"rendered":"http:\/\/convertplug.com\/plus\/?post_type=docs&#038;p=10869"},"modified":"2018-05-16T12:10:23","modified_gmt":"2018-05-16T06:40:23","slug":"enable-close-modal-modal-content","status":"publish","type":"docs","link":"https:\/\/convertplug.com\/plus\/docs\/enable-close-modal-modal-content\/","title":{"rendered":"How to Enable Close Modal from Modal Content"},"content":{"rendered":"<p>For closing modal, currently we have two options \u2013<\/p>\n<ol>\n<li>Click on Overlay<\/li>\n<li>Click on close button<\/li>\n<\/ol>\n<p>Now, if user doesn\u2019t want to close the modal by clicking on either of these two options, I have introduced a new class.<\/p>\n<pre class=\"\">cp-inner-close<\/pre>\n<p>When a user wants to close the modal from an internal link in the modal content or from a custom button, just apply this class name to that element. When a user clicks on that element where this class is applied, the current open modal will be closed.<\/p>\n<p>Example &#8211;<\/p>\n<pre>&lt;span class=\"cp-inner-close\"&gt;\r\nThis will close the modal\r\n&lt;\/span&gt;<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>For closing modal, currently we have two options \u2013 Click on Overlay Click on close button Now, if user doesn\u2019t want to close the modal by clicking on either of these two options, I have introduced a new class. cp-inner-close When a user wants to close the modal from an internal link in the modal [&hellip;]<\/p>\n","protected":false},"author":23,"featured_media":0,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"docs_category":[19,20],"docs_tag":[],"class_list":["post-10869","docs","type-docs","status-publish","hentry","docs_category-faqs","docs_category-general"],"_links":{"self":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/10869","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/users\/23"}],"version-history":[{"count":1,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/10869\/revisions"}],"predecessor-version":[{"id":21991,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/10869\/revisions\/21991"}],"wp:attachment":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/media?parent=10869"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs_category?post=10869"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs_tag?post=10869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}