Support » Plugin: Complianz - GDPR/CCPA Cookie Consent » Simple banner and banner with more info

  • Resolved Hud1ai2

    (@hud1ai2)


    Hi there,
    just a question. Is it possible to make, somehow, the banner like on this site?

    I mean one simple banner first and with more detailed configuration inside. Is it similar way as you use in your post “Create a Cookie Banner with Elementor Popups”? Because the default banner covers almost whole screen on mobile devices. Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Rogier Lankhorst

    (@rogierlankhorst)

    @hud1ai2 which site? Almost everything is possible with our banner.

    Thread Starter Hud1ai2

    (@hud1ai2)

    Thank you for this quick answer.
    Oh sorry, the link wasn’t displayed – like here on this site
    http://www.asolo.cz

    Plugin Contributor Aert Hulsebos

    (@aahulsebos)

    Hi @hud1ai2,

    I will take up the challenge, I will write an article this weekend with this banner as basis. Search for CSS Lesson and you will find it soon.

    regards Aert

    Thread Starter Hud1ai2

    (@hud1ai2)

    Ok 🙂 Thanks a lot! I thought I can use modal window with shortcode in oxygen builder which can open the more detailed window with all settings then. I’m curious about your solution.

    Plugin Contributor Aert Hulsebos

    (@aahulsebos)

    Hi @hud1ai2,

    You can start with this, let’s proceed from there;

    .cmplz-cookiebanner {
        transform: translateX(-50%) translateY(-10%);
        width: fit-content;
        max-width:45em;
        left:50%;
        padding: 5px 20px;
        border-radius:5px;
    }
    
    .cmplz-cookiebanner.cmplz-categories-type-view-preferences .cmplz-buttons, 
    .cmplz-cookiebanner.cmplz-categories-type-no .cmplz-buttons {
        flex-direction:column;
    }
    
    .cmplz-cookiebanner .cmplz-message {
        font-size:14px;
        line-height: 1.8em;
        font-weight:300;
    
    }
    
    .cmplz-cookiebanner .cmplz-title {
        display:none;
    }
    
    .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
        display:none;
    }
    
    .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept  {
        background-color: #2d4156!important;
        border-radius:3px;
        border:none;
    }
    .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences  {
        border-radius:3px;
        border:none;
    }
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Simple banner and banner with more info’ is closed to new replies.