Hi
I’m trying to display images correctly on my homepage in metaslider. I’ve tried turning off the stretch options in the theme settings and the metaslider settings. I’ve tried to edit the original image sizes in photoshop but I still can’t get my images to display correctly. I’m fairly new to wordpress so apologies for my lack of expertise.
Currently my meta slider is set to flex slider with dimensions 1200 x 450px. I have three images in the slider with dimensions 865 x 480, 1180 × 812 and 1180 × 801. The image height is appearing taller than I want. I’ve tried to change the slider height dimensions but no change. I’ve tried to reduce my image height even smaller but still not working only reduced quality. Even though i’ve turned off all stretch options is it still stretching the image to fit the width. Any ideas?
Hi deirdre
Thanks for reaching out.
It would be best if your slider dimensions weren’t set to a width and height greater than your smallest image. That would prevent distortion.
If possible, please, post a link to your site and I’ll take a look. You can use the Set as private reply checkbox below if you’d like to keep your site private.
This reply has been marked as private.
Thanks. Try checking the right column in Meta Slider, click the Advanced tab. Check what crop setting you’re using, try using Smart Crop.
Hi Andrew
I tried clicking the smart crop and it looks better. I changed the metaslider height to 500 so now the mets slider window displays fully on my screen. The images themselves are being cropped and not displaying the full image. Should I modify the images in photoshop first to a size similar to the meta slider dimensions or is there another way to do this?
Thanks
Glad that helped a bit. Resizing and then cropping in Photoshop first would let you position the focal point. It’s not a lot of images so it would be the easiest way to go.
