Excellent! :-)

YAY! That did it! Thank you so much! You are the man...I will be leaving a good review for sure! Keep up the great work - I will be returning with every film I make :)

Hi there,

To use the standard size of the image itself, use the following...

#zoomBox.zoomIn #imgBox {
    background-size:auto;
}

Yikes! Okay, that is over my head of knowledge.

Is there anyway this can work to have horizontals 600x400 and vertical 400x600? What about them just displaying at actual size instead of stretching them? Sorry, I'm no pro at this.

Thank you!

Hi there,

With the way the images are being displayed, only the background-size attribute options are available to determine the size of the images.

You can review all the options/settings available for this attribute here: http://www.w3schools.com/cssref/css3_pr_background-size.asp

Hope that helps.

Best,

Christopher

IS there just anyway to add a Max width somewhere in the code. Something such as max-width: 100px;

Sadly, that only squishes everything into a 1:1 box. Any other thoughts? I love this theme and all your support - I just need to figure out this one kink.

Hi there,

Try changing the value to '600px 600px'.

Best,

Christopher

Thank you.

Okay, after looking into the aspect ratio further I have noticed that the issue is the it is forcing all images to be 600x400 which kills vertical images. Perhaps, is there a way to set the maximum width as 600 and max height to 600? That way it fixes both problems?
Or perhaps you have a better idea...

Hi there,

Yes, you can either (1) remove the title of the image via media library editing or (2) enter the following Custom CSS...

#zoomBox #titleBox {display: none;}

If you're enjoying the theme, PLEASE don't forget to rate it on your downloads page on ThemeForest. Five-star ratings REALLY help me out and encourage further development and updates.

Thanks!

Christopher

Oh, no, my last post did't work. I thought the coding worked but I just noticed is is squishing the aspect ratio of some images (perhaps the vertical ones?). If you look - supermodels looks good - but unicron, is very squished. Let me know what to do and thank you!

That worked perfectly! (sorry I put it in the wrong place..didn't understand where custom was, much easier than I thought). Last questions. Is there anyway I can have zoom box NOT show the titles of each image?

Hi there,

I don't see the CSS I posted above anywhere in your markup. Please be sure to enter it in the Custom CSS box and click save/publish.

Let me know and I'll take another look.

Best,

Christopher

Hmm It didn't seem to change anything. The pictures still show up very big (which I know is what most people want, but it makes mine pixelated because they are small).
In fact, I don't even need the zoom in feature.
If it helps the url I am on is: Chrisfoito.com and it is under photos.
Thank you so much Christopher!

Hi there,

Try adding this to your Custom CSS box on the Customize page...

#zoomBox.zoomIn #imgBox {
    background-size:600px 400px;
}

Let me know if that helps.

Best,

Christopher

[moving to 'General FAQ' forum]

Is there anyway to change the size that zoombox nativly displays? If so, could you walk a non-coding master through the steps. I would like to make the photos display smaller. 600x400 to be exact