Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
  • #13916

    I have a slider on a portfolio item:

    As you can see, the content window keeps resizing because the image height varies. Is there a way I can lock the height of the slider, so no matter what aspect ratio the images have, nothing moves or resizes as the slides change?

    (I do not want to crop my images to the same aspect ratio.)


    BTW @kriesi: I worked for a while on my site using Choises, but then I startede doubting if it was the right theme. I bought another one that looked really good, but gave up on it, as I had been spoiled by the brilliant backend functionality of your themes. It seems that many people make nice looking themes, but only a few make stuff that is enjoyable to work with :-).




    I’m hardly an expert here, but it seems to me that either you crop or resize the pictures to fit the same height (remember, you don’t have to crop it), or the fixed-height of the slider would do the cropping for you. Fixing the images yourself would prevent problems with the pictures not showing up right.


    The images are already the same height. What do you mean by the fixed-height of the slider? Because that is what I am looking for: A way to fix the slider height, so I will just have various widths of black strip in the sides of the images, to adjust for the vatiations in aspect ratio.


    This is really important for me. Hoping for some help.



    Try following css code -add it to css/custom.css and adjust the height value:

    .slideshow_container.slide_container_small .slideshow{
    height: 300px !important;

    Best regards,



    Thanks Dude. But I tried it out, (and ran the regenerate thumbnails function) and it fixes the height, but images are cropped. I need a solution that leaves all images uncropped with a fixed slider height.

    Any other ideas?


    So; you would like the pictures to resize themselves to fit the height of the slideshow?


    In this case you can only solve the problem on the php level/thumbnail generation level. In includes/loop-portfolio.single replace:

    $slider		->setImageSize('fullsize');


    $slider		->setImageSize('portfoliomini');

    and in functions.php define a new thumbnail size with:

    $avia_config['imgSize']['portfoliomini'] 		 	= array('width'=>930, 'height'=>300, 'crop'=>true);		// small portfolio single entry images

    Afterwards regenerate the thumbnails.


    Exactly! (That was to Wyko) Dude posted the same second! :-) )


    Dude: With this

    = array(‘width’=>930, ‘height’=>300, ‘crop’=>true);

    it seems that I will be cropping the images. Isn´t that so?


    Ok, I will answer that myself: Yes that will give me cropped images.

    It seems that if you define a thumbnail size with width=y and height=x, and set crop to “false”, you will get images of width y and a varying height. I need to have a fixed height and a width that varies corresponding to the variations in aspect ratio.

    If you look at you will see my problem clearly.


    Ok, for the time being I have given up on this issue. I will see if something else may satisfy me. Else I will comeback and cry for help :-)

Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘Fixed slider height on non-full width slider?’ is closed to new replies.