Revocable cookie notice styling

  • Resolved Ate Up With Motor

    (@ate-up-with-motor)


    4 years, 2 months ago

    I have the revocable cookie banner turned on for this site, but the a11y accessibility tool warns me that the text contrast for the banner is not sufficient. How can I change the styling of the banner? I would like to make it white text on a black background for better contrast.

    I tried adding color and background-color attributes to the .cc-revoke but that has no effect. What’s the best way to change the colors?

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author PascalBajorat

    (@pascalbajorat)

    4 years, 2 months ago

    Hey,

    yes, you need to style that button with CSS, maybe use !important to override existing styles.

    Everything else could be styled directly in the settings, only the button has a default style.

    kindly
    Pascal

    Thread Starter Ate Up With Motor

    (@ate-up-with-motor)

    4 years, 2 months ago

    Yes, I figured that, but what are the classes that determine the revocable notice styling? I tried assigning colors to .cc-revoke, but that had no effect, and there’s some kind of “override” class whose function I don’t understand (it has a numeric code that changes on each refresh). Even after looking at it with Inspect Element, I’m not sure what styles I need to assign to affect the revocable notice itself.

    Plugin Author PascalBajorat

    (@pascalbajorat)

    4 years, 2 months ago

    you need to use .cc-revoke with !important for your attributes.

    Thread Starter Ate Up With Motor

    (@ate-up-with-motor)

    4 years, 1 month ago

    Ah, that was the problem! I had styled .cc-revoke with !important for the positioning attributes, but had not thought to do so for the colors. I think that did the trick. Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Revocable cookie notice styling’ is closed to new replies.