{"id":2254,"date":"2022-07-02T14:38:30","date_gmt":"2022-07-02T14:38:30","guid":{"rendered":"https:\/\/chpadblock.com\/?post_type=docs&#038;p=2254"},"modified":"2022-07-02T14:52:29","modified_gmt":"2022-07-02T14:52:29","slug":"styling-modal","status":"publish","type":"docs","link":"https:\/\/chpadblock.com\/docs\/documentation\/styling-modal\/","title":{"rendered":"Styling Modal"},"content":{"rendered":"\n<p>If you are using the adblock extension below <var>2.7.2<\/var> then you can style directly targeting classes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Styling &gt; v2.7.2<\/h2>\n\n\n\n<p>The modal format is<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"modal\"  id=\"modal\"&gt;\n    &lt;div class=\"content\" id=\"content\"&gt;\n        &lt;div class=\"body\" id=\"body\"&gt;\n             &lt;!-- Theme Code ---&gt;\n         &lt;\/div&gt;\n    &lt;\/div&gt;\n&lt;\/div&gt;<\/code><\/pre>\n\n\n\n<p>You can add custom css using these classes or ids<\/p>\n\n\n\n<p>You have to use target class or id alike below<\/p>\n\n\n\n<p><strong><span style=\"text-decoration: underline;\">For Outer Modal<\/span><\/strong><\/p>\n\n\n\n<p>Class : modal or id : modal<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.&#91;RCLASS_modal_RCLASS]{\n    \/\/your style\n}\n\n#&#91;RCLASS_modal_RCLASS]{\n    \/\/your style\n}<\/code><\/pre>\n\n\n\n<p><strong><span style=\"text-decoration: underline;\">For Modal Content:<\/span><\/strong><\/p>\n\n\n\n<p>Class : content or id : content<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.&#91;RCLASS_content_RCLASS]{\n    \/\/your style\n}\n\n#&#91;RCLASS_content_RCLASS]{\n    \/\/your style\n}<\/code><\/pre>\n\n\n\n<p><strong><span style=\"text-decoration: underline;\">Targeting any classes or id<\/span><\/strong><\/p>\n\n\n\n<p>Format for targeting any classes or ids<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#91;RCLASS_YOURCLASSORID_RCLASS]{\n\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>If you are using the adblock extension below 2.7.2 then you can style directly targeting classes. Styling &gt; v2.7.2 The modal format is You can add custom css using these classes or ids You have to use target class or id alike below For Outer Modal Class : modal or id : modal For Modal [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"doc_category":[19],"doc_tag":[],"knowledge_base":[26],"class_list":["post-2254","docs","type-docs","status-publish","hentry","doc_category-developer","knowledge_base-documentation"],"acf":[],"_links":{"self":[{"href":"https:\/\/chpadblock.com\/api\/wp\/v2\/docs\/2254","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chpadblock.com\/api\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/chpadblock.com\/api\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/chpadblock.com\/api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chpadblock.com\/api\/wp\/v2\/comments?post=2254"}],"version-history":[{"count":3,"href":"https:\/\/chpadblock.com\/api\/wp\/v2\/docs\/2254\/revisions"}],"predecessor-version":[{"id":2258,"href":"https:\/\/chpadblock.com\/api\/wp\/v2\/docs\/2254\/revisions\/2258"}],"wp:attachment":[{"href":"https:\/\/chpadblock.com\/api\/wp\/v2\/media?parent=2254"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/chpadblock.com\/api\/wp\/v2\/doc_category?post=2254"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/chpadblock.com\/api\/wp\/v2\/doc_tag?post=2254"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/chpadblock.com\/api\/wp\/v2\/knowledge_base?post=2254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}