Customize the Cookie Consent Banner

Follow

IN THIS ARTICLE

To place the Cookie Consent Banner at the Bottom or Top of the page:

  1. Click on the Configure button next to the Cookie Consent prompt in your Site Tools dashboard.
  2. On the Layout tab, you'll see an option at the bottom for "Alignment." Select whether you would like the banner to appear at the top or bottom of the page.

cookie-content_alignment.png

Customize Colors

We plan to incorporate a "codeless" solution for this soon, so keep a look out for that! But at this time, you can customize the colors of the banner using some simple CSS.

/* Cookie Bar Color */
.shareaholic-cookie-consent {
  background-color: #000000 !important;
}

/* Main Message Font Color */
.shareaholic-cookie-consent .shareaholic-cookie-consent-message {
  color: #fff !important;
}

/* Accept Button Color and Font Color */
.shareaholic-cookie-consent .shareaholic-cookie-consent-buttons .shareaholic-accept-button {
  background: #89c84f !important;
  color: #fff !important;
}

/* Accept Button On Hover Color */
.shareaholic-cookie-consent .shareaholic-cookie-consent-buttons .shareaholic-accept-button:hover {
  background: #9ac86e !important;
}

/* Info Button Font Color */
.shareaholic-cookie-consent .shareaholic-cookie-consent-buttons a.shareaholic-info-button {
  color: #a8afba !important;
}