# Korlátozott tartalom megjelenése (CSS-osztályok)

> A korlátozott tartalmakra kerülő CSS-osztályok, és példa lakat ikon megjelenítésére a hozzáféréssel nem rendelkezőknek.

Ez a fejezet fejlesztőknek szól: saját CSS-kódot igényel. Ilyen egyedi kódra a bővítmény nem ad támogatást, a példák csak kiindulásnak valók.

Ha egy bejegyzést, oldalt vagy más tartalmat a Restrict Content Pro korlátozott, a rendszer a `post_class` szűrőn át további HTML-osztályokat ad hozzá. Ezek csak akkor jelennek meg, ha a sablonod használja a `post_class()` függvényt.

| Osztály | Mikor kerül a tartalomra |
| --- | --- |
| `rcp-is-restricted` | Minden tartalomra, amelynek van korlátozási beállítása. |
| `rcp-can-access` | A tartalom korlátozott, és a bejelentkezett felhasználó láthatja. |
| `rcp-no-access` | A tartalom korlátozott, és a bejelentkezett felhasználó nem láthatja. |

Ezekkel másképp formázhatod a korlátozott tartalmakat.

## Példa: lakat ikon a cím előtt

A példa a Font Awesome ikonkészletet használja, amelynek a stíluslapját külön kell betöltened az oldalra. Az ikon a Twenty Sixteen sablon címeinél jelenik meg, azoknál, akiknek nincs hozzáférésük:

```css
.rcp-no-access .entry-title:before {
  content: "\f023";
  font-family: FontAwesome;
  margin-right: 15px;
}
```

Egy kicsit több kóddal a lakatot ki is nyithatod azoknak, akik hozzáférnek:

```css
/* Alapból zárt lakat minden korlátozott tartalomnál. */
.rcp-is-restricted .entry-title:before {
  content: "\f023";
  font-family: FontAwesome;
  margin-right: 15px;
}

/* Nyitott lakat, ha a felhasználónak van hozzáférése. */
.rcp-can-access .entry-title:before {
  content: "\f09c";
}
```

A `.entry-title` osztály sablononként eltérhet, ezért a saját sablonodhoz igazítsd.