Leaderboard

4.1.x to 4.3.x We go to forums - topics and select "postContainer" and then look for the following code: <li class='cAuthorPane_photo'> {template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"} </li> We will replace the above code with the following: <li class='cAuthorPane_photo'> {{if $comment->author()->pp_main_photo}} <span class='ipsUserPhoto ipsUserPhoto_variable'> <img src="{setting='base_url'}uploads/{$comment->author()->pp_main_photo}" /> </span> {{else}} <img src='{resource="default_photo.png" app="core" location="global"}' /> {{endif}} </li> Save then go to "costume.css" and add the following code: .cAuthorPane_photo img { max-width: 170px; width: auto; } 4.4.x We go to forums - topics and select "postContainer" and then look for the following code: <li class='cAuthorPane_photo'> {template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"} </li> We will replace the above code with the following: <li class='cAuthorPane_photo'> {{if $comment->author()->pp_main_photo AND $comment->author()->pp_thumb_photo}} <img src="{url="" base=""}/uploads/{$comment->author()->pp_main_photo}"> {{else}} <img src="{$comment->author()->photo}"> {{endif}} </li> Save then go to "costume.css" and add the following code: .cAuthorPane_photo img { max-width: 170px; width: auto; } This is an easy version of the tutorial made by @John , you just have to replace one code and adding another one in the custom.css

<span style="font-weight: bold; background: linear-gradient(45deg, red, blue); -webkit-background-clip: text; -webkit-text-fill-color: transparent;"> just add the colors you want