Thread:JoePlay/@comment-24082086-20150109051358/@comment-171752-20150112175609

Hi, I tried what you did but it doesn't seem to work. Did I do something wrong between the formatting? :) Thanks for your help by the way!

I just realized that on the CSS code I posted, there is an extra "r" in the class name -  should be. D'OH! Remove that "r" and purge your browser cache, and everything should work. Sorry about that!

Also, I tried editing the slider's width and all. This is what it turned out which is great: http://elliegoulding.wikia.com/wiki/Template:New_slider but however, the image lengths are 670px x 438px, the only thing i could find was this: img[Attributes Style] { width: 670px; height: 438px; }

and I tried overiding it but it didn't seem to work. What was the problem? :)

The slider feature operates at 670x360, so whenever an image used on the slider is wider than 670 pixels, it's automatically scaled down to a width of 670.

Currently, I see that the images you're using are 700x250. If you want to keep the images at 250 height, I would suggest resizing each image's width to 670. Then on MediaWiki:Wikia.css, remove the  line from the   and   classes.

Then insert this code to remove the blank space that appears at the top of the slider (due to the images being shorter than 360 pixels):

.wikiaPhotoGallery-slider-body img { top: 0 !important; }

Again, let me know if you have any trouble.