Hi,

I love the theme’s portfolio. However, so far, I had just showcase videos from Vimeo but now, that I’m trying to show some pictures too (using the layout type “slider”) I have realized the following: the pictures are adjusted to fit horizontally which is great when they are “horizontal pictures”, but they are not adjusted vertically, which means “vertical pictures” force users to scroll down in order to see the whole picture at once. I have attached a screenshot to show it to you.

Is there a way to change this so both vertical and horizontal pictures always fit? (I’m aware that doing this would mean that vertical pictures will have some blank space on the left and right sides, but this I don’t mind)

Many thanks in advanced for your help.

P.S: By the way, although I intend to use the layout type slider for my portfolio pictures, as mentioned above, It would be interesting to know if this can be achieved in the “full screen slider” mode too.

Hi again!

Thanks for your quick response! I have tried to figure out your instructions but I’m struggling a little bit. I went to /js/scripts.js, as you told me, but once there, I’m not pretty sure where to place the line adaptativeHeight: true,

I tried to place it as a property (or whatever you call in js) of the following group jQuery('.project-slider').bxSlider({ and I did in different positions (before controls:true, after preloadImages:’all’, ) but neither worked. This is an example of how I did it.

jQuery('.project-slider').bxSlider({

controls: true,

pager: false,

auto:true,

pause: 3000,

preloadImages:'all',

adaptativeHeight: true,

});

¿Was this right? I suppose was not because this didn’t work.

I also tried to go the line 144,as you told me, but I don’t know If I’m supposed to count just the lines with text or also the lines with empty spaces. Besides neither way got me close to the line jQuery('.project-slider').bxSlider({

I’m sorry I couldn’t figure it out. I will really appreciate it if you could explain this to me again but even in a more “for dummies” way J (like writing me exactly where to place it in the scripts.js document)

Many thanks again for your help!!!

Hi again,

Yes, I did refresh the page right after the changes were done, but, since I didn't worked, I erased the js line.

However, just so you can see it yourself, I have placed again the adaptativeHeight;true, in exactly the same positon and save it but, again, it doesn't work (not even after refreshing with ctrl +F5)

Anyway, you should be able to see the change now. Please let me know if there's something I have done wrong or if we need to try with a different approach.

Thanks again.

Not sure if this helps but I use the same size horizontal template then fill the extra space with a quote or client testimonial etc. 

So for example if your horizontal images go in at 1500 px wide by 800 height then make a black (or whatever color you want) template to those dimensions, make your vertical 800 high and put to one side then add a quote of some sort to the other. 

My site is still under construction but you can see samples here www.chrisfawkes.net/photographer