Skip to content
Installation
Cookie declaration

Cookie Declaration

The cookie declaration displays a list of cookie categories and their corresponding cookies, along with detailed information and descriptions about each cookie. Users can access this declaration by clicking on the "cookie declaration" tab in the settings dialog.

In addition to displaying the declaration in the settings dialog, CookieHub allows you to display it on other pages of your website, such as a page that explains your site's privacy and cookie usage. To add the declaration to a specific location on your site, insert the following HTML code:

<div class="cookiehub-declaration"></div>

By default, this will generate an un-styled table that matches your site's style. You can add custom CSS code to your site to style the declaration as desired. To get started, you can use the example CSS code below:

<style type="text/css">
.cookiehub-declaration {
  margin: 20px 0;
}
.cookiehub-declaration p {
  font-size: 14px;
}
.cookiehub-declaration a {
  color: #333;
}
.cookiehub-categories {
  padding: 20px 0;
}
.cookiehub-category table {
  background: #eee;
  margin-bottom: 20px;
  width: 100%;
}
.cookiehub-category table th, .cookiehub-category td {
  padding: 4px 10px;
}
.cookiehub-category td:last-child {
  text-align: right;
}
.cookiehub-category td span {
  background: #ccc;
  padding: 4px 8px;
  font-size: 12px;
}
.cookiehub-category td[colspan] p {
  background: #fff;
  padding: 10px 20px;
}
</style>

You can customize the styling of the declaration by modifying these CSS rules. To see the class names and structure of the declaration, use your browser's developer tools.

Last updated on