Board Thread:Support Requests - Designing Your Wikia/@comment-26569191-20150428041517/@comment-26316686-20150502134200

I think I can improve the fix btw: .MainPageHero .image-window picture::after {     background-image: none; }   .MainPageHero .image-window picture::before {     background-color: transparent; } That should work better, not sure though, you can always revert it. About the extra height, you can make the image bigger by adding this to your Special:CSS. .hero-image-wrapper, .hero-image { height: 300px; } But that will stretch the image, you can try uploading an equally deformed image as the source of your HeroImage and then this stretching will un-deform your image. Let's say the original as 1000x500, it gets cut off at 250px height and you want it to contain the full 500px:
 * Remove the javascript.
 * Open http://bighero6.wikia.com/wiki/Special:CSS
 * Add
 * Open an image editing program, resize the original to 1000x250, it will look rather stupid
 * Upload it as HeroImage
 * Set the height for hero-image-wrapper and hero-image to 500px and it will unstretch it back to normal (with some loss of quality I guess)

Oh and make sure that there's not just some kind of option to just make the image bigger in the HeroImage feature ;)