How to: Das CCM19-Cookiebanner-Icon mit einer Zeile CSS entfernen!

von | Aug. 27, 2025 | Codeanpassungen, Webdesign

Du hast deinen CCM19-Cookiebanner erfolgreich eingebunden – super! Aber dann fällt dir dieses nervige Icon auf, das ständig am Bildschirmrand klebt. Nicht gerade ein Design-Highlight, oder? Keine Sorge, das lässt sich ganz einfach lösen! In diesem Beitrag zeige ich dir, wie du das CCM19-Cookiebanner-Icon mit einer einzigen Zeile CSS von deiner Webseite verschwinden lässt – und das alles, während du rechtlich auf der sicheren Seite bleibst.

So entfernst du das Icon in wenigen Schritten

    1. Öffne deine CSS-Datei: Geh in die CSS-Datei deiner Webseite oder füge den Code in den Bereich deines HTML-Codes ein, falls du keine separate CSS-Datei nutzt. Die meisten Themes bieten dir die Möglichkeit eigene CSS-Einträge vorzunehmen, ohne die CSS-Datei öffnen zu müssen.
    2. Füge diese Zeile hinzu: Kopiere die folgende CSS-Regel in deine Datei: .ccm-settings-summoner--link {display: none !important;}
    3. Speichern und testen: Speichere die Änderungen, lade deine Webseite neu und prüfe, ob das Icon verschwunden ist. Der Cookiebanner selbst bleibt funktionsfähig, nur das Icon ist jetzt weg.

Warum das funktioniert

Die Klasse .ccm-settings-summoner--link  steuert das Icon des CCM19-Banners. Mit display: none blendest du es aus, ohne die Funktionalität des Banners zu beeinträchtigen. Der Zusatz !important stellt sicher, dass deine Regel Vorrang vor den Standard-Styles von CCM19 hat. 

Wichtiger Hinweis

Vergewissere dich, dass das Entfernen des Icons mit den rechtlichen Anforderungen deiner Webseite (z. B. DSGVO) vereinbar ist. Der Cookiebanner selbst muss weiterhin gut sichtbar und zugänglich bleiben, damit Nutzer ihre Einwilligung verwalten können. Hier empfehle ich den Link „Cookie-EInstellungen“ im Footer (zusammen mit Impressum und Datenschutz) zu verwenden, der auf folgendes Ziel weist: #CCM.openWidget. Der Link hat dann folgende Struktur:<a href="#CCM.openWidget">Cookie-Einstellungen</a> Auf diese Weise lässt sich das Widget von jeder Seite aus öffnen und die Einstellungen ändern.

Das war’s – mit nur einer Zeile CSS hast du ein cleaner aussehendes Design, ohne Kompromisse bei der Funktionalität!