Tagged: 

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

    shannyndoa
    Participant

    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
    Moderator

    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
    Participant

    Hey Rikard,
    Thanks for your support.

    Best regards, shannyndoa

    May 25, 2020 at 5:10 am #1215946

    Jordan Shannon
    Moderator

    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
    Participant

    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!

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

You must be logged in to reply to this topic.