Minimális alsó sáv beállításból és CSS-ből
Az egyszerű, teljes szélességű alsó sáv újraalkotása a beállításokkal és egy kis egyéni CSS-sel.
Az egyszerű alsó sáv sablonként már nem érhető el, de a megfelelő beállításokkal és kevés egyéni CSS-sel újra elkészítheted.
Beállítások
Szekció neve “Beállítások”- A Consent Banner → General → Categories résznél válaszd az Accept / Deny típust.
- A Consent Banner → Appearance → Position beállításnál válaszd a Bottom értéket.
- Ugyanott, az Appearance oldalon kapcsold ki a Close button, a Title és a Box shadow on header and footer funkciókat.
- Görgess lejjebb, és a Border radius minden értékét állítsd 0 px-re.
- A jogi dokumentumok hivatkozásai a sávon (Legal document links on banner) választhatók, de megjelenítésük ajánlott.
- A Consent Banner → Texts → Cookie message mezőbe írhatsz rövid szöveget, például: „We use cookies to optimize our website and our service.” (magyarul: „Sütiket használunk a weboldalunk és szolgáltatásunk optimalizálásához.”). A szerkesztőben a szabályzat hivatkozásait is hozzáfűzheted.
Egyéni CSS
Szekció neve “Egyéni CSS”A Consent Banner → Custom CSS fülre vagy a További CSS mezőbe:
.cmplz-cookiebanner { width: 100%; margin: unset; padding: 0px 25px 5px 25px; grid-gap: 0 !important; row-gap: 0 !important;}
.cmplz-cookiebanner .cmplz-message,.cmplz-message a { font-size: 0.8em; line-height: 35px;}
.cmplz-cookiebanner .cmplz-buttons { align-items: center !important;}
.cmplz-cookiebanner .cmplz-buttons:empty { display: none !important;}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { min-width: 150px;}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept { order: 9 !important;}
.cmplz-documents.cmplz-links { font-size: 0.8em;}A szabályok teljes szélességűre nyújtják a sávot, kisebbre veszik a szöveget, és az Accept gombot a sor végére teszik.
Készült: