Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 25, 2022 at 3:42 am #1349318
    navindesigns

    Is is possible to move the Cookie consent bar position?

    Live site – http://balrajt9.sg-host.com/ – bar is at the very bottom

    Mockup – https://ibb.co/bj4vmYm

    Basically, it will be a floating section with 25% width on the right side.

    Thanks

    April 26, 2022 at 9:08 am #1349475
    Rikard

    Hey navindesigns,

    Please try the following in Quick CSS under Enfold->General Styling:

    .avia-cookiemessage-bottom {
    position: fixed;
    width: 60%;
    right: 0;
    left: auto;
    bottom: 15%;
}

    Best regards,
    Rikard

    April 26, 2022 at 2:50 pm #1349540
    navindesigns

    Looks good

    Just a few final things

    1- How do I make the background semi transparent?
    2- What is the class to restyle the buttons?
    3- Is is possible to have a class (x) icon on the top right?

    April 26, 2022 at 5:21 pm #1349569
    Rikard

    Hi,

    1. Try this CSS, and replace the example colour with your own rgba:

    div.avia-cookie-consent {
    background-color: rgba(255, 255, 255, 0.5);
}

    2.

    .avia-cookie-consent-wrap .avia-button {
    your code goes here
}

    3. We don’t have a solution for that unfortunately.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.