Plugin Author
Aert
(@aahulsebos)
Hi @barbaree,
I think it’s the total width of the buttons.
You can do a couple of things:
First, enable Custom CSS (Cookie banner settings) and enable the option that fixes auto-correction on width.
Then you can set the width to a minimum of 428px without changing anything. If you want to have it on 300px specifically, you will need some custom CSS:
You can start here; https://complianz.io/css-lesson-21-stacking-buttons-on-the-new-cookie-banner/
If you can share your URL and tell me what you would like with these elements, I can propose the CSS myself.
Regards Aert
Hello @aahulsebos,
Thank you for your quick reply.
I have done everything what you proposed, but the white space on the right side is still there. I think it must be something with display, grid of the cookie banner box – container. The text is still stretched, but the buttons are nicely stacked after using the css code. You can see for yourself on: https://puntxka.com
I would just like to have a more “square” cookie (not too big) with stacked buttons and text aligned in the same column/grid above if possible.
Thank you for your help, appreciate it.
Regards,
Barbara
Plugin Author
Aert
(@aahulsebos)
Hi @barbaree,
Could you try some CSS:
.cmplz-message, .cmplz-categories {
width: calc(var(--cmplz_banner_width) - -30px);
margin-top:10px
}
.cmplz-cookiebanner .cmplz-buttons {
width:unset;
margin-top:-20px
}
When I use this in the inspector I get; https://snipboard.io/XaDTSh.jpg
regards Aert
Hi @aahulsebos,
Thank you so much for this css rule, it looks really nicer now! You’re great!
Have a nice day,
Kind regards,
Barbara
