How to make my portrait image fit on the screen in my portfolio images

  • Hi

    I am not versed in the technical aspects of wordpress at all so please bear with me.

    I have a scroller theme website for our photography business. In our portfolio we have a problem with the portrait image being far to large for the screen. The landscape images fit just fine.

    The advice that I have been given is that it may be to do with the code relating to the height/width constraint.

    We have contacted the theme author who gave us advice on resizing images. This is not the problem and we have tried everything in “edit Images” and have tried a million things in photoshop.

    Please help!

    See below for a link to the website.

    https://thepb.com.au/myportfolio/food-beverage/?preview=true&preview_id=2981&preview_nonce=418fc6967b

Viewing 8 replies - 1 through 8 (of 8 total)

  • The problem is, if you were to have your portrait images displayed in the slider at the same height as your landscape ones, you’re going to end up with the images not filling all the horizontal space. Your landscape images would look fine and the portrait ones would be slung over on the left if you obviously maintained the correct aspect ratio.

    I think the mix of the two image formats is the real problem and you should try and just use landscape images, or cropped portrait ones.

    By the way, you linked to a preview page, no-one else but you can see that.

    Thread Starter David Rouse

    (@david-rouse)

    Hey Dave

    Thanks heaps for getting back to me mate. Thanks for the heads up on the link. Below is to the website.

    https://thepb.com.au/myportfolio/food-beverage/

    We came to the same conclusion ourselves and have that as a back up. Problem is that we have a bunch of top images in portrait that we really want on the site. I have seen many sites that successfully use portrait images.

    The link below is the site of a mate. You see how his site uses both landscape and portrait well. Do you think its possible to have a similar look within the slider? Appreciating that his site is probably not a wordpress site.

    https://www.robpalmer.com.au/

    Thank you in advance

    Dave

    The Rob Palmer site isn’t using a slider though. It’s just a static gallery. Off the top of my head, maybe you could experiment with creating a combined single image at the same size of one of your current landscape ones, and then arrange various images on it in a triptych style.

    My bad, it is a slider, let me look more

    Thread Starter David Rouse

    (@david-rouse)

    Dave

    Mate you are a champion, really appreciate the effort. I will wait to hear from you.

    Thanks legend!

    OK that site is making use of a jQuery horizontal scroll plugin (not a WordPress one). If you Google for jQuery horizontal scroll you can kiss goodbye to a few hours as you play with them all.

    There may be a WordPress slideshow plugin that can do a similar thing or you could make use of the jQuery plugin directly in a custom template. Of course, that involves getting you hands dirty in code.

    Thread Starter David Rouse

    (@david-rouse)

    Code (shudder), the only code I know is the code for help – SOS, which i am employing now. I think I am going to need a professional on this one.

    Dave I really appreciate the help. I have been sitting here since about 2pm trying to make it work or find out how to so you have given me the ok to pass the buck without guilt.

    If i could i would stand you a beer!

    I’ll accept your virtual offer. ??

    Thread Starter David Rouse

    (@david-rouse)

    Here you go legend, this ones on me!

    https://youlearnsomethingneweachday.com/wp-content/uploads/2014/03/glass-of-beer.jpg

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to make my portrait image fit on the screen in my portfolio images’ is closed to new replies.