Cookie bar appearance
On the Appearance tab you choose the bar's layout and position, the order and colours of the buttons and, if needed, fine-tune details with custom CSS. You save changes with the Save configuration button.
Layout and position
The bar has three layouts:
| Layout | Where it can be placed |
|---|---|
| Cloud | Nine positions, that is any combination of top, middle and bottom with left, centre and right. |
| Box | The same nine positions. |
| Bar | Only top centre or bottom centre. |
Switches
| Option | What it does |
|---|---|
| Swap the Decline and Accept buttons | Decline becomes the more prominent button. In some jurisdictions this order is preferred. |
| 3 button version | Shows all three buttons instead of a less prominent Settings link. |
| Swap the Settings and Reject all buttons | Applies only to the two-button version. |
Consent must be freely given. If you make the Accept button more prominent than Decline, you enter the area of so-called dark patterns, which supervisory authorities watch. The safest option is to keep both buttons visually equivalent.
Button colors
Twelve colours are available. For each of the three buttons, Accept, Decline and Settings, you set four values:
- background colour
- background colour on hover
- text colour
- text colour on hover
Custom CSS
An editor for fine-tuning the appearance beyond the settings above. A typical use is hiding the grey badge when you replace it with a link in the footer:
#cc-show-settings-button { display: none !important; }The whole procedure, including the replacement link, is in the Cookie settings link in the footer guide.