And the picture is to be round!
Does anyone know how to do that?
Just like here!
https://demo.gavick.com/joomla25/photo/ ... le-article
Thanks in advance

Sakari
<div class="itemAuthor">
<a rel="author" href="/gavick.com/j3/photo/index.php/blog/user-page">
<img src="/gavick.com/j3/photo/media/k2/users/19.jpg" alt="Devin Samuel Ewart">
</a>
</div>
.single-page .itemAuthor {
border: 5px solid #fff;
border-radius: 50%;
height: 95px;
margin: -56px auto 65px;
min-width: 95px;
overflow: hidden;
padding: 0;
position: relative;
width: 95px;
z-index: 1;
}
.itemAuthor > a,
.itemAuthor img {
display: block;
float: left;
position: relative;
}
.itemAuthor > a:before {
background: #212529;
border-radius: 50%;
color: #9ba3ab;
content: "l";
font-family: photo-pixellove;
font-size: 34px;
height: 100%;
left: 0;
line-height: 88px;
opacity: 0;
position: absolute;
text-align: center;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
top: 0;
width: 100%;
z-index: 1;
}
.itemAuthor > a:hover:before {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.itemAuthor img { height: auto; }
$author_name = $this->item->created_by_alias ? $this->item->created_by_alias : $this->item->author;