Archived

This topic is now archived and is closed to further replies.

  • 0

Slide Feature -> Customization -> Vertical & Horizontal Squished Photos


Question

Posted · Report post

Hi,

My Slide Feature has been cropping my photos, especially the vertical photos. How to customize my Slide Feature to make my vertical or horizontal photos be a "Squished Style" and fit 100% on any screen size? My goal is to make these photos visible to all devices (iPhone, Tabletes or Destops/Laptops), especially the smart phones "vertical phones".

I read everything on here: http://www.pagelines...eatures_Section There was one paragraph saying. " If the image you created is wider than the Features section, the ends of the image will cropped, not squished" .

So, I want to see my vertical photos fitting 100% on any screen size and not been cropped.

I hope I can get some help

Thank you.

Share this post


Link to post
Share on other sites

5 answers to this question

Posted · Report post

Thank you James for helping me, but I got another issue :(

I should explain better, I'm sorry. Please take a look below on my image that I attached.

"Vertical Photo 01" Doesn't fit 100% on left or right sides and it appears my orange background (I changed to Orange to better understand/see) and turning my vertical photo very small.

"Vertical Photo 02" This is what I'm looking for, the photo fits on screen without "my orange background". You can see it here: http://sbourson.com/mywork/

"Horizontal Photo 03" Doesn't fit 100% on left and right sides and also it appears my orange background and turning my horizontal photo small.

"Horizontal Photo 04" This is what I'm looking for too, the photo fits on screen without "my orange background".

I hope you can help me again.

Thank you

Vertical-Photo-mobile.jpg

Share this post


Link to post
Share on other sites

Posted · Report post

Well it doesn't make me happy, So I'm looking for one plugin or theme that can support both "portrait AND landscape" with "AUTO IMAGE RESIZING"

I'm looking for any help I really appreciate it.

Thank you

Share this post


Link to post
Share on other sites

Posted · Report post

The slider is not intended to be used with portrait and landscape images together. In fact, I've rarely seen it used for portrait orientation images except where they were very large and wide. Few sliders are designed for this orientation. Ours can handle portrait OR landscape, but in two different iterations so the slider isn't attempting to make the images fit the space.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there,

I'm not sure if I understand exactly what you're looking for, but I've made an attempt. Let me know if this works for you. This will shrink the image so that the entire image is contained within the slider. So you're seeing 100% of the image, no cropping.


.fcontainer .feature-wrap.bg_cover {

    background-size: contain;

    width: 100%;

}

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

Auto Resizing of images isn't the problem, but you wish to have an adaptive feature slider which will auto resize images regardless of orientation. Like Rob wrote above, I have never heard of a feature slider that provides this functionality.

Therefore, I recommend you ask about this on Wordpress support forums, Nivo Slider support and Code Canyon and see if anyone on those communities can recommend a plugin.

Share this post


Link to post
Share on other sites