Avatar utilizator rotund pentru site-ul wordpress

Iată cum arată după ce folosește un simplu CSS.

Așa cum face întotdeauna înainte de schimbările din temă, este mai bine să folosiți o temă copil (sau un bloc special CSS, organizat pentru astfel de modificări).

Toate aceste linii cu 50% - pentru a suporta browsere diferite. Unii cred că în vremea noastră aveți nevoie doar de raza de graniță: 50%; Dar dacă vrei să fii sigur 100%, folosește tot codul ăsta.

Salvați fișierul. Ar trebui să funcționeze.

Dacă nu a funcționat ...

Dacă acest cod nu funcționează, atunci cel mai probabil, clasa dvs. nu utilizează clasa "avatar". În acest caz, există câteva modalități de a afla numele acestei clase în subiectul dvs.

Acum puteți învăța CSS. Iată un exemplu despre cum arată în Firefox. Pentru acest test, am folosit tema standard Twenty Twelve și, după cum sa dovedit, a avut un alt nume de clasă. Mai jos puteți vedea că numele clasei nu este doar "avatar", ci "author-avatar":

După ce am învățat acest lucru, am schimbat numele clasei în cod la "author-avatar".

Fiți atenți. cuvântul "avatar" poate fi folosit în multe locuri. Căutați în continuare clasa de care aveți nevoie.

Nu sunt un expert în CSS, așa că poate că nu am reușit să-l găsesc, dar am decis să nu pierd timpul și m-am dus la căutarea cuvântului "avatar" în fișierul CSS. Am găsit rapid fișierul ".commentlist .avatar" din fișier. Suspectând că acesta este stilul potrivit, am încercat și a funcționat. Iată ce am adăugat (rețineți că nu a existat nici o etichetă "img" aici)