Simple banner and banner with more info

  • Resolved Hud1ai2

    (@hud1ai2)


    2 years, 9 months ago

    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
    https://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;
}
    • This reply was modified 2 years, 9 months ago by Aert Hulsebos.
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Simple banner and banner with more info’ is closed to new replies.