How to make the Cookie bar and Preferences popup a bit/slightly smaller?

In order to make the Cookie bar and the Preferences popup smaller you should apply the following CSS code in Design > Custom CSS :

div.cc-window {
  padding: 0.8em 1.2em!important;
  font-size: 14px!important;
}
.cc-settings-view .cc-settings-dialog {
  font-size: 13px!important;
  padding-top: 30px;
}
.cc-settings-view .cc-settings-dialog label, .cc-settings-dialog .cookies-info h3 {
  font-size: 13px!important;
}
.cc-settings-dialog .cookies-info p {
  margin-bottom: 12px;
}
.cc-settings-view .cc-settings-dialog .cookie-settings-header {
  font-size: 18px!important;
}
@media screen and (max-width: 428px) and (orientation: portrait), screen and (max-width: 926px) and (orientation: landscape) {
  .cc-window .cc-highlight {
    margin-top: 5px;
  }
  .cc-window .cc-message {
    margin-bottom: 0px;
  }
  .cc-settings-view .cc-settings-dialog {
    font-size: 14px!important;
    padding-top: 10px;
  }
}

Preview:

Cookie bar on desktop device:



Smaller Cookie bar on desktop device:



Cookie bar on mobile device:



Smaller Cookie bar on mobile device:



If you require an even smaller Cookie bar after applying the modifications, feel free to contact our support team at apps-support@consentmo.com or from the Chat button at the bottom right corner of your browser.

Updated on: 01/09/2023