Footer Cookie-Like Theme

If you want a modal at the footer like a cookie as in the below image 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:400px;
    height:auto;
    bottom:20px;
    left:20px;
    top:auto;
    overflow:hidden;
}

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

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

.[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;
}

.[RCLASS_wrapper_RCLASS]{
    display:none !important;
}

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

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