Showing cookie declaration

The cookie declaration is shown in the settings dialog and accessible for your end users by clicking the cookie declaration tab. In the declaration, users will see a list of cookie categories and all cookies assigned to each category along with details and description about each cookie.

CookieHub also offers the option to display the declaration in other places of your site. This can be useful to show the declaration on a page containing information about privacy and cookie usage on your site.

Install the html code as shown below to your web site where you want to render the cookie declaration:

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

This will create completely un-styled table on your web site with all information shown in the cookie declaration section of the cookie settings dialog. It will match your website’s style and you can add custom CSS code to your web site to change the UI.

You’ll find class names and structure by using developer tools in your browser but below is an example of how you can apply minimal styling:

<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>