Footer Full Width Fixed

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’s custom CSS settings.

.[RCLASS_modal_RCLASS]:not(.iframe){
    background:transparent;
    width:100%;
    height:auto;
    bottom:0;
    left:0;
    top:auto;
    overflow:hidden;
}

.[RCLASS_modal_RCLASS]:not(.iframe) .[RCLASS_content_RCLASS]{
    width:100%;
}

.[RCLASS_modal_RCLASS]:not(.iframe) .[RCLASS_main_content_wrapper_RCLASS]{
    display:flex;
    justify-content:center;
    align-items:center;
}

.[RCLASS_modal_RCLASS]:not(.iframe) .[RCLASS_wrapper_RCLASS]{
    margin:0;
    padding:0;
    margin-right:20px;
}

.[RCLASS_modal_RCLASS]:not(.iframe) .[RCLASS_adblock_new_icon_RCLASS] .image-container{
    width:70px;
}

.[RCLASS_modal_RCLASS]:not(.iframe) .[RCLASS_adblock_new_icon_RCLASS] .image-container .image h3{
    padding: 17px 0;
    margin: 0;
    font-size:23px;
}

body.[RCLASS_body_active_RCLASS].[RCLASS_adbpro_no_scroll_RCLASS]{
    overflow:auto !important;
}

.[RCLASS_icon_RCLASS].svg{
    width:70px;
    padding:0;
}

.[RCLASS_theme2_RCLASS] .[RCLASS_footer_RCLASS]{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:10px;
    margin-bottom:0 !important;
    padding:0 !important;
}

.[RCLASS_theme2_RCLASS] .[RCLASS_footer_RCLASS] a{
    width:auto;
    margin-right:15px;
    margin-bottom:0 !important;
}

body .[RCLASS_theme2_close_btn_RCLASS]{
    top: 10px;
    right: 10px;
}

body .[RCLASS_newtheme_container_RCLASS] .[RCLASS_footer_RCLASS] button{
    padding:10px 0;
}

@media only screen and (max-width:545px){
    .[RCLASS_modal_RCLASS]:not(.iframe) .[RCLASS_adblock_new_icon_RCLASS] .image-container{
        display:none;
    }
}

And click on update and preview the modal on the website.

If you didn’t receive the expected output then contact us.