Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #1215022

    Hello, I want to customize my cookie consent message bar. I want to change the position of the “OK”-button. It should be on the right side, there should be no black text background color – and how can I change the color of the link”Datenschutzerklärung”?

    Now it looks like this:
    cookie bar now

    I tried some styling with quick css:
    .avia-cookie-consent a.avia-button{
    .avia-cookie-consent {
    background-color: rgba(190, 0, 0, 0.95)!important;
    text-align: left!important;
    div.avia-cookie-consent p {
    background-color: none!important;

    Thanks a lot in advance!


    Hey shannyndoa,

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

    .avia_cookie_text {
      max-width: 80%;
    .avia_cookie_text a {
      color: #000;

    Best regards,


    Hey Rikard,
    Thanks for your support.

    Best regards, shannyndoa



    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon


    Hi there,

    sorry for my late answer. I need some more help with the consent message bar – the mobile view.
    There I want some more space above the “OK” Button and if possible slightly less space on the right side –> for a wider text container.
    You can find a mock up here: mockup mobile view

    Thanks in advance!

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.