Hi, I can't figure out how to make the image of this section in fandom part of the interaction thing, What I mean by that is that when you press the image, it should send u to the specific page that we set it on, but so far only the text (name character) can do that, as in the pic -
& the template for it - https://deathmarch.fandom.com/wiki/Template:MainPage/Characters
and I believe, this is the scripts for this template, not made by me but User:Djamboe, but he's inactive for almost 2 years already :\
/* HOME - Character */ #home-chara > div { border: 2px dashed #072d5f; display: inline-block; border-radius: 50%; width: 100px; height: 100px; margin: 10px; position: relative; box-shadow: 0 0 10px #acc6e8; background: url(/wiki/Special:Filepath?file=Wiki-wordmark.png) center; background-size: 110px; transition: all 0.3s; } #home-chara > div:hover{ transform: scale(1.1); box-shadow: 0 0 10px #2ba2e2; } #home-chara > div > span { position: absolute; bottom: 5px; right: -5px; color: #fff; text-shadow: 0 0 10px #072d5f; font-weight: bold; font-size: 18px; } #home-chara > div > span a{ color: #fff; text-decoration: none; } #home-chara > div:nth-of-type(1) { background-image: url(/wiki/Special:Filepath?file=satouchar.jpeg); } #home-chara > div:nth-of-type(2) { background-image: url(/wiki/Special:Filepath?file=arisachar.jpeg); } #home-chara > div:nth-of-type(3) { background-image: url(/wiki/Special:Filepath?file=luluchar.jpg); } #home-chara > div:nth-of-type(4) { background-image: url(/wiki/Special:Filepath?file=lizachar.jpg); } #home-chara > div:nth-of-type(5) { background-image: url(/wiki/Special:Filepath?file=pochichar.jpg); } #home-chara > div:nth-of-type(6) { background-image: url(/wiki/Special:Filepath?file=tamachar.jpg); } #home-chara > div:nth-of-type(7) { background-image: url(/wiki/Special:Filepath?file=miachar.jpg); } #home-chara > div:nth-of-type(8) { background-image: url(/wiki/Special:Filepath?file=nanachar.jpg); } #home-chara > div:nth-of-type(9) { background-image: url(/wiki/Special:Filepath?file=zena-char.jpg); } #home-chara > div:nth-of-type(10) { background-image: url(/wiki/Special:Filepath?file=aze-char.jpg); } #home-chara > div:nth-of-type(11) { background-image: url(/wiki/Special:Filepath?file=karina-char.jpg); } #home-chara > div:nth-of-type(12) { background-image: url(/wiki/Special:Filepath?file=sera-char.jpg); } #home-chara > div:nth-of-type(13) { background-image: url(/wiki/Special:Filepath?file=mito-char.jpg); } /*************************************************************************/
So what should I add to make the image as part of the interaction?