Board Thread:Support Requests - Getting Technical/@comment-32247874-20190425222517/@comment-23989026-20190428075335

This is how I do it
 * Load image onto your wiki

.CLASSNAME { background: url(image-vignette-name) !important; opacity: 0.X; }
 * Add the following layout into your MediaWiki:Wikia.css

An example (opacity: 1.0 = 100%) .SophieFosterCover { background: url(https://vignette.wikia.nocookie.net/lost-cities-keeper/images/1/12/SophieFosterCover1.jpg/revision/latest?cb=20190427175941) !important; opacity: 0.5; } The image will display in actual size so use /scale-to-width-down to actual size wanted like... https://vignette.wikia.nocookie.net/lost-cities-keeper/images/1/12/SophieFosterCover1.jpg/revision/latest/scale-to-width-down/XXX?cb=20190427175941


 * add the image as "class". Text is a  style="position:absolute; top:XXXpx; left:XXXpx;