# Az új sáv testreszabása: az alapoktól a nulláig

> Az új sütisáv moduláris felépítése, a minimalista változat néhány kattintással, és mikor érdemes CSS-hez vagy saját sablonhoz nyúlni.

Az új sütisáv egyetlen HTML-sablonból épül fel, és moduláris: minden elem, amit a sávban látsz, módosítható vagy elhagyható. A testreszabásnak három szintje van, attól függően, mennyit szeretnél változtatni.

## 1. Alapbeállítások

Érdemes az alapsablonból indulni: a **Reset values** gombbal bármikor visszaállíthatod. Innen elemenként eldöntheted, mit hagysz meg, mit módosítasz és mit törölsz.

### Az alapsáv minimalista változata

Néhány kattintással letisztult sávot kapsz:

1. Töröld a fejlécet: kapcsold ki a logót, a címet és a bezáró gombot.
2. Válts a sablonon az **Accept/Deny** (elfogadás és elutasítás) elrendezésre.
3. Rövidítsd le a szöveget.
4. Állítsd a sáv szélességét 100 képponttal kisebbre.

A színeket, a sarkok lekerekítését, a pozíciót és más beállításokat szintén a **Consent Banner** oldalon állíthatod.

## 2. Egyéni CSS

Ha ennél tovább mennél, kapcsold be az egyéni CSS beállítást: ekkor a gyakori osztályok közvetlenül szerkeszthetők. Az osztályok listáját a [CSS-osztályok áttekintése](https://hub.hellowp.io/hu/plugins/complianz-gdpr-premium/stilus-css-osztalyok-attekintes/), a gyakorlati példákat a [A sáv alakítása egyéni CSS-sel](https://hub.hellowp.io/hu/plugins/complianz-gdpr-premium/stilus-css-sav-alakitasa/) fejezet adja.

## 3. Saját sáv a nulláról

Ha egészen egyedi sávot szeretnél, felülírhatod az alap HTML- és CSS-sablont a sajátoddal. A lépéseket a [Saját sáv létrehozása a nulláról](https://hub.hellowp.io/hu/plugins/complianz-gdpr-premium/stilus-css-sajat-sav/) fejezet írja le.