add href="LINK_HERE" anywhere; this is where you add the link to the character
add text-reset in the class to have the link the specific colour above (the colour:#fff)
if you want to keep the fa-icon, add z-index:2 in the <a> style so that the link is clickable if you don't want the fa-icons, delete the entire <i>
if you want the orange background to be an image of the character, replace background:#d5754c with background: url(IMG_ADDRESS_HERE) center/cover no-repeat;
If the linked text becomes hard to read, you can change the text colour or add a text-shadow:0 0 5px #000 in the style to have a little blurred border
adjust anything if needed!
if doing all of those, the end result should look like something like this:
assuming you don't have a specific layout:
if you want the text to link to the character:
<div>
with<a>
href="LINK_HERE"
anywhere; this is where you add the link to the charactertext-reset
in the class to have the link the specific colour above (the colour:#fff)if you want to keep the fa-icon, add
z-index:2
in the <a> style so that the link is clickableif you don't want the fa-icons, delete the entire <i>
if you want the orange background to be an image of the character, replace
background:#d5754c
withbackground: url(IMG_ADDRESS_HERE) center/cover no-repeat;
If the linked text becomes hard to read, you can change the text colour or add a
text-shadow:0 0 5px #000
in the style to have a little blurred borderadjust anything if needed!
if doing all of those, the end result should look like something like this:
10 months, 9 days ago