# 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

1. A **Consent Banner → General → Categories** résznél válaszd az **Accept / Deny** típust.
2. A **Consent Banner → Appearance → Position** beállításnál válaszd a **Bottom** értéket.
3. Ugyanott, az **Appearance** oldalon kapcsold ki a **Close button**, a **Title** és a **Box shadow on header and footer** funkciókat.
4. Görgess lejjebb, és a **Border radius** minden értékét állítsd 0 px-re.
5. A jogi dokumentumok hivatkozásai a sávon (**Legal document links on banner**) választhatók, de megjelenítésük ajánlott.
6. 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

A **Consent Banner → Custom CSS** fülre vagy a **További CSS** mezőbe:

```css
.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.