Tayfun Erbilen'in CSS dersleri var. Bence onları izlemeniz yeterli olur.
İkonun arkasına dediğiniz gibi bir daire yapmak için ikonun nasıl kullanıldığına bakmak lazım. Eğer FontAwesome kullanılıyorsa, bir üst div'in CSS koduna şöyle bir ekleme yapılabilir.
.ornek i {
border-radius:30px;
background:red;
padding:10px;
}
Bu kod çok basit bir kod, isteğinize göre düzenlenmesi gerekiyor. İkon için FontAwesome kullanılmıyorsa, ikon kodu bir div içerisine alınıp direkt CSS kodu yazılabilir.
.ornek {
border-radius:30px;
background:red;
padding:10px;
}
şeklinde. Yukarıdaki border-radius yuvarlak kenar vermenize yarayan bir kod. Yanındaki px değeri ne kadar çok olursa kenarlar o kadar yuvarlak olur.
Çok sağolun radius olayını bulmuştum fakat işte tek sıkıntı o kodların bulunduğu kısım ama dediğinizi deneyip döneceğim. Öneri için teşekkürler. Ayrıca maalesef fontawesome kullanmaktayım o örnek yazan kısım flarumda sanırım eklenti içinde fakat o eklentinin css kodlarını düzenlemem gerekecek gibi görünüyor yada eklentiyle nereye açıyor ise o sayfanın kaynak kodlarını onu bilen varsa süper olur aslında çünkü özel cssle biraz zor oluyor en azından bulabilsem bi' şeyler yapabilirim diye düşünüyorum.