How to hide the grey Cookies badge and replace it with a footer link
You hide the badge with one line of CSS and put a link with the data-cc="c-settings" attribute in the footer instead. It opens the same settings as the badge.
The grey badge with the text “Cookies” provides the way to withdraw consent later, which is one of the requirements of European and Czech legislation. Never hide it without a replacement. Use the procedure below, which keeps that way open.
1. Hiding the badge
You make the badge invisible with this rule:
#cc-show-settings-button { display: none !important; }You can put the rule either in your website's CSS or directly in the Cookies správně dashboard. In the dashboard, select the license, open the Appearance tab, scroll down to the Custom CSS field, insert the code and save.
2. A replacement link in the footer
Add a link to the website footer that opens the consent settings. You can adjust the text; what matters is the data-cc attribute:
<a href="#" data-cc="c-settings">Cookie settings</a>The link works anywhere on the page, not only in the footer. The footer is, however, where visitors look for it and where it is usually placed.
3. Checking
- Load the website and check that the badge has disappeared.
- Click the new link in the footer. A window with the category settings must open.
- Change your choice, save and check that the change is reflected in which scripts run.
The link only works on pages where the Cookies správně bar is installed. Until the script is on the website, the link does nothing.