Zaokrąglanie awatarów w postach

Poradnik oparty na stylu (prawie bo lekko zmodyfikowanym) domyślnym.
Jeśli chcesz zaokrąglić awatary w postach, musisz najpierw jakiś zbadać: [poradnik]

U mnie to wygląda tak:

   

Skoro już wiemy co odpowiada za wyświetlanie się awatarów w postach, to pasowało by zacząć prace.

1 Dodanie stylów .css

Jeśli macie osobną klasę dla awataru tak jak ja (zielona linia) to szukamy jej w Style i szablony > style > global.css > tryb zaawansowany
Dla ułatwienia, mamy pokazane która jest to dokładnie linia (niebieska ramka). W tym wypadku jest to linia 1098. 

Gdy już znajdziemy naszą klasę, dopisujemy zaraz przed zamykającym nawiasem:

border-radius: 50%;

i zapisujemy.

Jeśli macie styl, w którym nie ma osobnej klasy na awatary w postach, musicie sami taką stworzyć. 
Wchodzimy w ACP > Style i szablony > Szablony > opis posta > postbit_avatar i zamieniacie zawartość na to:

<div class="author_avatar"><a href="{$post['profilelink_plain']}"><img src="{$useravatar['image']}" alt="" {$useravatar['width_height']} /></a></div>

Następnie przechodzimy do  Style i szablony > style > global.css > tryb zaawansowany i dodajemy

.author_avatar img {
border-radius: 50%;
}

Zapisujemy i gotowe! Efekt końcowy powinien być taki: