Replacing the Cookie Widget

One question that we sometimes get asked is, "Can Change/Remove the Cookie Widget/Icon from the bottom of the screen?"

The answer is: "Yes, using CSS." (View Customizing/Styling Osano CMP for all CSS classes). Using CSS, you can trigger the drawer using the same widget but customizing the icon image to something more brand-specific. 

Alternatively, you can hide the widget entirely and trigger the drawer via a text link. See Hiding the Cookie Widget for instructions. 

Example: Replacing the Cookie Icon with a Different Image

(Note: This is an example and may not work for all platforms.)

<script>YOUR OSANO.JS HERE</script>
.osano-cm-widget {
background-image: url(;
background-size: contain;
border-radius: 100%;
width: 40px;
height: 40px;
right: 1rem;
bottom: 1rem;
opacity: 0.9;
transition-property: opacity, visibility, transform;
.osano-cm-widget svg {
display: none;
.osano-cm-widget:hover {
opacity: 1;
transform: none;
.osano-cm-widget:active {
transform: translateY(1px);