Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 21, 2020 at 3:14 pm #1215022
    shannyndoa

    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”?
    mockup

    Now it looks like this:
    cookie bar now

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

    Thanks a lot in advance!

    May 23, 2020 at 7:27 am #1215358
    Rikard

    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,
    Rikard

    May 24, 2020 at 6:03 pm #1215845
    shannyndoa

    Hey Rikard,
    Thanks for your support.

    Best regards, shannyndoa

    May 25, 2020 at 5:10 am #1215946
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

    May 28, 2020 at 11:07 pm #1217542
    shannyndoa

    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!

    May 31, 2020 at 4:18 am #1218115
    Rikard

    Hi,

    Thanks for the mockup. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.avia_cookie_text {
    max-width: 100%;
}
.avia_cookie_text a {
    margin-top: 20px;
}
}

    Best regards,
    Rikard

    June 1, 2020 at 7:25 pm #1218501
    shannyndoa

    Hi,
    thank you for your answer and help. That works!
    Now I am done with this topic, you can close this thread.

    Best regards,
    shannyndoa

    June 1, 2020 at 8:38 pm #1218514
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘custom cookie consent bar’ is closed to new replies.