Board Thread:Support Requests - Getting Technical/@comment-24142930-20171230130225/@comment-24142930-20171230213412

Hi Andrewds, thanks so much for your reply!

I've tried adding my custom MedaiWiki:.css page in the @import section of Wikia.css, but I don't see the css taking effect. The code on Wikia.css is:

@import url("/load.php?mode=articles&articles=MediaWiki:Common.css|MediaWiki:Adon.css&only=styles");

I got this image hover code template called ButtonHover from a FANDOM user, can't remember who though. The above template works with the following CSS:

.fadeout img:hover { opacity:0; } .fadeout img:active { opacity:0; } body:not(.editor) .fadeout-container.fadeout-hide-bottom > :nth-child(2) { visibility: hidden; /* the 'body:not(.editor)' is used to prevent hiding the image in editing mode where it is not displayed properly */ }

It works ok but both images/gifs have to be exactly the same dimensions and animations/pixels frame for frame, which wouldn't work with what I'm trying to achieve.

Regarding your last question, I would be adjusting width and height for each image, so I would need to do css for each individual image, but that's fine, I'm ok with that.

Thank you.