It's a premade profile I'm using now but I had the same problem with the default profile too where the pet's image and name don't line up right. It's really bothering me but I'm not sure how to fix it.
Oh and if there's a code to change the size of the image in the comment section? All the other images have borders and are a little smaller, I'd like to match them if possible.
Thank you!!
@ Hiyosin for lining up the pet image + name try adding
margin-left: auto;
margin-right: auto;
at this part in your profile coding. add it between the {}!
.avatar_head {
background-position: -35px -67px !important;
width: 50px !important;
height: 20px !important;
border: 1px solid ;}
you can edit the avatar headshots in your comment section w/ .ui.image.circular! so to make them smaller and add a border it would be
.ui.image.circular {border: 1px solid ; height: 50px; width: 50px;}
^ you can put that anywhere between the style tags. if you'd like to give the image a rounded corner just like the pet images, maybe read through this w3schools article on the border-radius property. hope this works/helps! ✨