Revocable cookie notice styling

  • Resolved Ate Up With Motor

    (@ate-up-with-motor)


    4 years, 9 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)

    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)

    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)

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

    Thread Starter Ate Up With Motor

    (@ate-up-with-motor)

    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.