Hi! Thank you for using it 🙂
I’m making the CSS editing easier in the next update but for now you can change the colors by modifying these classes:
:root {
--kncc-primary: #d8232a; /* primary color (Accept button, links, floating button) /
--kncc-primary-hover: #b91c22; / hover state /
--kncc-primary-text: #fff; / primary button text color /
--kncc-secondary: #f3f4f6; / Decline button background /
--kncc-secondary-hover:#e5e7eb;
--kncc-secondary-text: #374151;
--kncc-banner-bg: #fff; / banner background /
--kncc-heading: #1f2937; / heading color (Plugin style only) /
--kncc-body: #4b5563; / description text color /
--kncc-border: #e5e7eb; / top border of the details section */
}
I have just made a new update. Now you can edit the banner with color pickers in the back end.
Hi Tapio,
Thanks a lot for the update, it rocks!
The “Open banner preview” is really helpful.
Please clarify two points:
1. The last colour picker (Border / divider) where is it referring to?
2. It seems there is no control on the hover of “Adjustment” and “Close” menu items.
Thanks again for the nice work,
Kostas
Hi! You’re right, the border wasn’t really needed (it was just inside the Customize view).
I’ve released a minor update that removes the border and makes all the elements customizable.
You can also find a CSS template under the Documentation tab if you’d like to customize the banner even further
Excellent work, thanks a lot.
Cheers,
Kostas
