Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • June 18, 2020 at 9:20 pm #1223880
    DashaChichasova

    Hello!

    Could you please provide a custom CSS to change the size, font, and color of the cookie consent bar? I found the following CSS code but it only worked on the extra buttons, not the first one. Thank you in advance!

    .avia-cookie-consent-button-2.av-extra-cookie-btn{
    color:#000!important;
    font-size:10px!important;
    }

    June 19, 2020 at 7:59 am #1223977
    Rikard

    Hey DashaChichasova,

    Could you post a link to where we can see the element in question please? Also please point out exactly what you would like to change.

    Best regards,
    Rikard

    June 19, 2020 at 4:21 pm #1224088
    DashaChichasova

    Hello Rikard,

    I was able to fix the font and button color myself, but still have a hard time figuring out how to make the buttons smaller. The link to the website in private. Thanks!

    June 20, 2020 at 6:43 am #1224235
    Rikard

    Hi,

    Thanks for the update. This CSS is applying to your buttons:

    .avia-cookie-consent-button, .avia-popup .avia-cookie-consent-button {
    color: #000!important;
    font-size: 10pt;
    padding: 15pt!important;
}

.avia-button {
    font-size: 24px!important;
}

    I can’t see where it’s coming from since you have file compression active. If you turn that off then we can tell you where the CSS is added. If you know where it’s added then please try to remove the !important bit so that we can give you specific CSS for the buttons in the cookie consent box.

    Best regards,
    Rikard

    June 22, 2020 at 4:05 pm #1224619
    DashaChichasova

    Rikard,

    I’ve removed the !important part from the code.

    June 23, 2020 at 12:42 pm #1224839
    Rikard

    Hi,

    Thanks for the update. The buttons look a lot smaller now on my end, do you still need help with adjusting something?

    Best regards,
    Rikard

    June 23, 2020 at 3:55 pm #1224902
    DashaChichasova

    Rikard,

    Yes, since I removed the code ALL of my buttons on all pages are smaller. I just needed to make the cookie connect buttons smaller.

    June 24, 2020 at 6:19 am #1225030
    Jordan Shannon

    Hi,

    Add this to quick css:

    .avia-cookie-consent .avia-cookie-consent-button {
font-size:8px!important;
}

    Best regards,
    Jordan Shannon

    June 25, 2020 at 10:24 pm #1225673
    DashaChichasova

    Jordan,

    The button size fixed itself somehow, but now the color is off. Second button has pink text and the third has white text. How do I fix that? Thank you

    June 25, 2020 at 11:20 pm #1225677
    Jordan Shannon

    Hi,

    What are the proper colors?

    Best regards,
    Jordan Shannon

    June 25, 2020 at 11:21 pm #1225678
    DashaChichasova

    Just black font will work. Thanks.

    June 26, 2020 at 12:18 am #1225688
    Jordan Shannon

    Hi,

    Add this to quick css:

    .avia-cookie-consent a.avia-button:nth-child(3){
    color:#000!important;
}

    Best regards,
    Jordan Shannon

    June 26, 2020 at 9:14 pm #1225981
    DashaChichasova

    That worked! I’m all set. Thank you so much!

    June 27, 2020 at 12:04 am #1225997
    Jordan Shannon

    Hi,

    No problem at all. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Cookie Consent Bar – Change size, font, color’ is closed to new replies.