Board Thread:Support Requests - Designing Your Wiki/@comment-4022888-20161204123533

So I read up tutorials on how to create a "Rollover" button for you wiki and that is through CSS. Problem is, when I tried to do exactly those tutorials told me to do, it's not working. I tried making my own custom class, but it wouldn't work.

This is what I tried to put on the wiki. Can anybody tell me what am I doing wrong? a.cardbox { display: block; width: 200px; height: 60px; cursor: pointer; text-indent: 9999px; background-position: 0 0; background-repeat: no-repeat; background: url('http://vignette1.wikia.nocookie.net/aikatsustars6864/images/1/1c/Cardbox_Silver_Button.png/revision/latest?cb=20160421123700'); } a.cardbox:hover { background: url('http://vignette3.wikia.nocookie.net/aikatsustars6864/images/f/f8/Cardbox_Silver_Button_%28hover%29.png/revision/latest?cb=20161204113157'); } a.cardbox:active { background: url('http://vignette4.wikia.nocookie.net/aikatsustars6864/images/1/10/Cardbox_Silver_Button_%28active%29.png/revision/latest?cb=20161204113157'); }

And this is what I tried to do to test it

 