How can I change the cookie banner color and button text?
Hello everyone,
I am using the Iubenda cookie banner on my WordPress site.
I would like to change the banner background color to blue.
I also want to edit the “Accept” button text to say “Agree”.
I tried adding CSS in my theme’s style.css, but it did not work.
Can someone please show me the correct code or settings?
Thank you for your help!
That’s super helpful—especially the reminder about checking the exact class names in the HTML. I didn’t realize iubenda had so many customization options built into the dashboard, so I’ll definitely explore that before diving into CSS. Appreciate the practical advice! ragdoll hit
You can customize the Iubenda banner, but you can’t override it with normal theme CSS because the banner loads inside its own injected container. The easiest way is to use Iubenda’s built-in customization options.
Go to your Iubenda dashboard → Cookie Solution → Banner Settings.
Under Style, change the background color to blue.
Under Buttons & Text, edit the Accept button label to “Agree”.
Save and re-publish the configuration, then clear cache on your site.
If you want to do it with CSS, enable “Allow external CSS overrides” in Iubenda first, then add something like:
.iubenda-cs-container .iubenda-cs-content {
background: blue !important;
}
.iubenda-cs-container .iubenda-cs-btn-primary {
content: "Agree" !important;
}
Just remember to republish the banner after any changes.