The effect that shifts the rest of the page up and down depending on the height/type of the slide is very cool. However, in my case I want to shut that off (so that the page content below doesn’t shift up and down). So far, I managed to set the image height for portrait (left or right side slides) to match full width images by editing functions.php on line 27 like so:
$avia_config['imgSize']['featured'] = array('width'=>928, 'height'=>350); // big images for fullsize pages and fullsize 2D & 3D slider
$avia_config['imgSize']['portrait'] = array('width'=>305, 'height'=>350); // medium preview pic for portrait pictures
It generates the proper height images, but I still have a 7 pixel shift up and down as the slides change, here: http://www.littlegraphicsengine.com/wpcms/
I’m pretty sure I need to adjust the CSS somewhere or maybe slideshow settings code, but I can’t find anything (using FF Firebug) that is different for the height between the two types of slides.
Logically the only way to achieve this is to fix the height of the slideshow area; in order to not lose any content this would have to be based on the largest image / video (which in this case is your “The Monk & Them Monkey” video. Is that what you’d like to do?
Yes thanks. I would like to set a fixed height for the slide show area. Can you tell me how to do that?. That video was just for testing, so don’t worry about that.. I can modify my video and slides to have a uniform height, which in it’s final form will likely be the height that the slides are now (350) or less.
Try to add following code to css/custom.css:
height: 523px !important;
The topic ‘Slideshow: How to turn off vertical shift effect?’ is closed to new replies.