Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #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”?
    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!

    #1215358

    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

    #1215845

    Hey Rikard,
    Thanks for your support.

    Best regards, shannyndoa

    #1215946

    Hi,

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

    Best regards,
    Jordan Shannon

    #1217542

    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.