Hi Guys,

Ok, another thing I have noticed about this extension is that I must be missing something on the settings panel to ensure that no "black" space is showing.

Again my example is the following URL:

markovich.creativepixelmedia.com/

And if I keep my full screen monitor resolution (aside from my other white margin issue) the image scales to the height and the width of the screen - 1680x1050.

If I re-size my browser window the image stays scaled but I am now seeing black around the image.

I have tried the slides settings several different ways. Of course vertical and horizontal center.

I have tried just fit landscape, just fit portrait, just fit always and ALL of the above. But it still does not scale cleanly.

Right now it is chosen as Fit Always and Fit Landscape.

My original images are 1680x1050. Is there an optimal resolution that my image should be that will cover from 1024x768 to 2560x1440?

Your help would be appreciated!

Thanks,
Martin

Hello Martin,

First - the white left margin is caused by:

li {
    margin-left: 30px;
}

in your text.css file.
About the centering/fitting images:
* Fit always means - the extension makes sure your image won't be cropped during resizing of your window bot vertically or horizontally.
* Fit portrait means that the extension is locked at 100% height, so the only direction it will be cropped if needed is horizontally.
* Fit landscape means that the extension is locked at 100% width, so the only direction it will be cropped if needed is vertically.

In your case you need to use: Fit Landscape.

Please watch the video tutorials about using the extension - it is described there.

Excellent! Thank you that worked. I actually had to change it to fit portrait to accomplish what I was looking for.

Thanks again!
Martin