{"id":2629,"date":"2022-07-29T16:56:46","date_gmt":"2022-07-29T16:56:46","guid":{"rendered":"https:\/\/chpadblock.com\/?post_type=docs&#038;p=2629"},"modified":"2022-07-29T17:23:38","modified_gmt":"2022-07-29T17:23:38","slug":"footer-full-width-fixed","status":"publish","type":"docs","link":"https:\/\/chpadblock.com\/docs\/documentation\/footer-full-width-fixed\/","title":{"rendered":"Footer Full Width Fixed"},"content":{"rendered":"\n<p>If you want a modal at the footer without overlay as in the below video then this documentation is for you.<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"CHP Adblock Footer Fixed  Theme\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/mFlV05GqdTM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>To implement this theme, We have to overwrite CSS for the following components<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Overlay<\/li><li>Buttons<\/li><li>Icons<\/li><\/ul>\n\n\n\n<p><strong><span style=\"text-decoration: underline;\">Implementation:<\/span><\/strong><\/p>\n\n\n\n<p>Just paste the following CSS code into the plugin&#8217;s custom CSS settings.<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">.[RCLASS_modal_RCLASS]:not(.iframe){\n    background:transparent;\n    width:100%;\n    height:auto;\n    bottom:0;\n    left:0;\n    top:auto;\n    overflow:hidden;\n}\n\n.[RCLASS_modal_RCLASS]:not(.iframe) .[RCLASS_content_RCLASS]{\n    width:100%;\n}\n\n.[RCLASS_modal_RCLASS]:not(.iframe) .[RCLASS_main_content_wrapper_RCLASS]{\n    display:flex;\n    justify-content:center;\n    align-items:center;\n}\n\n.[RCLASS_modal_RCLASS]:not(.iframe) .[RCLASS_wrapper_RCLASS]{\n    margin:0;\n    padding:0;\n    margin-right:20px;\n}\n\n.[RCLASS_modal_RCLASS]:not(.iframe) .[RCLASS_adblock_new_icon_RCLASS] .image-container{\n    width:70px;\n}\n\n.[RCLASS_modal_RCLASS]:not(.iframe) .[RCLASS_adblock_new_icon_RCLASS] .image-container .image h3{\n    padding: 17px 0;\n    margin: 0;\n    font-size:23px;\n}\n\nbody.[RCLASS_body_active_RCLASS].[RCLASS_adbpro_no_scroll_RCLASS]{\n    overflow:auto !important;\n}\n\n.[RCLASS_icon_RCLASS].svg{\n    width:70px;\n    padding:0;\n}\n\n.[RCLASS_theme2_RCLASS] .[RCLASS_footer_RCLASS]{\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    margin-top:10px;\n    margin-bottom:0 !important;\n    padding:0 !important;\n}\n\n.[RCLASS_theme2_RCLASS] .[RCLASS_footer_RCLASS] a{\n    width:auto;\n    margin-right:15px;\n    margin-bottom:0 !important;\n}\n\nbody .[RCLASS_theme2_close_btn_RCLASS]{\n    top: 10px;\n    right: 10px;\n}\n\nbody .[RCLASS_newtheme_container_RCLASS] .[RCLASS_footer_RCLASS] button{\n    padding:10px 0;\n}\n\n@media only screen and (max-width:545px){\n    .[RCLASS_modal_RCLASS]:not(.iframe) .[RCLASS_adblock_new_icon_RCLASS] .image-container{\n        display:none;\n    }\n}<\/pre>\n\n\n\n<p>And click on update and preview the modal on the website.<\/p>\n\n\n\n<p>If you didn&#8217;t receive the expected output then contact us.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you want a modal at the footer without overlay as in the below video then this documentation is for you. To implement this theme, We have to overwrite CSS for the following components Overlay Buttons Icons Implementation: Just paste the following CSS code into the plugin&#8217;s custom CSS settings. And click on update and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2630,"comment_status":"open","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"doc_category":[29],"doc_tag":[],"knowledge_base":[26],"class_list":["post-2629","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-themes","knowledge_base-documentation"],"acf":[],"_links":{"self":[{"href":"https:\/\/chpadblock.com\/api\/wp\/v2\/docs\/2629","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=2629"}],"version-history":[{"count":6,"href":"https:\/\/chpadblock.com\/api\/wp\/v2\/docs\/2629\/revisions"}],"predecessor-version":[{"id":2645,"href":"https:\/\/chpadblock.com\/api\/wp\/v2\/docs\/2629\/revisions\/2645"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chpadblock.com\/api\/wp\/v2\/media\/2630"}],"wp:attachment":[{"href":"https:\/\/chpadblock.com\/api\/wp\/v2\/media?parent=2629"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/chpadblock.com\/api\/wp\/v2\/doc_category?post=2629"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/chpadblock.com\/api\/wp\/v2\/doc_tag?post=2629"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/chpadblock.com\/api\/wp\/v2\/knowledge_base?post=2629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}