Portfolio Images Cropped

Hi @adamssimon,
What size images are being uploaded? You want to make sure the images are larger than the allotted container, otherwise they will stretch or crop in order to fill the space.

Best,
Hannah

Hi Hannah

I haven’t done anything to specify or restrict the size. I’m assuming they will all be taken on a phone or SLR, which tend to produce similar sizes nowdays as far as I’m aware.

The portfolio listing page works fine, and shows the full image as a medium sized thumbnail. But when you click through for the full image, it’s suddenly cropped. You can click it again and get the full sized image, but there must be a style sheet or something which is deliberately cropping it when you click to the portfolio entry itself?

Simon

I suggest reading through this post:
https://www.kadencewp.com/blog/best-practices-for-images-sizes-and-optimization-in-wordpress/
It’s so important to optimize your images prior to uploading. Let me know if you have questions after reading!

Best,
Hannah

Thankyou Hannah

Because it’s a photo competition for charity, I really don’t want to make it difficult for users. The whole idea is for them to be able to upload them easily.

It all seems to be fine apart from the published portfolio pages cropping the associated image, which I assume is something set by the theme in one of the stylesheets?

Hey,
The theme forces a crop on the portfolio grid. It’s part of the design and not controlled by css the images are actually cropped square.

Unfortunately, there isn’t a setting in the free theme to change the output to have all random sizes based on what the user might add. You would need to use a different output for that kind of page. Perhaps our Gallery block inside Kadence Blocks (free) would work for you, you can assign custom links and you have the option to output in the inherited ratio of the image uploaded.

Ben

Hi Ben

Thanks for your reply. The portfolio listing grid is not the problem, more when you click an item in the grid and it takes you to an individual entry. But maybe that’s what you mean?

Out of interest you say that can’t be changed in free version – can it in the paid? The competition is now live so I’d prefer not to make any fundamental changes now…

Simon

Hey,
I misunderstood, if the grid is not the problem then you can force the single portfolio posts to show the full image by changing the max height size in the settings of the portfolio post. Set the max height to something much larger than your image and it will just output the image as is in terms of size and ratio:

https://share.getcloudapp.com/d5uwx9Rz

Ben

Thanks Ben – that’s exactly what I’ve been looking for. However I can’t find any option like that.

Does it only come with the premium version, or is there a way to edit a CSS? It’s an excellent theme and I would pay for the premium if I ever need a theme for myself, but it seems a lot just to use for this charity competition…

These are the options I see https://ibb.co/S7cbSC5

Hi @adamssimon,
Apologies for the delay! You can actually find this setting in your portfolio post edit page under the content area. Do you see it there?

Kindly,
Hannah

Sorry for the delay- I’ve just seen this.

No I don’t seem to have this option at all. If it’s the section I think you’re talking about, then these are the only options there;

Portfolio Post
All Projects Portfolio Page
This sets the link in every single portfolio page. *note: you still have to set the page template to portfolio.

Entry Form

Portfolio Type Page Defaults
Portfolio Type – Post Columns
Choose how many columns for portfolio type pages

Three Columns

Show Types under Title
Choose to show or hide portfolio type under title.

OnOff

See here: https://docs.kadencethemes.com/virtue-free/portfolio-posts/
Do you see that?

Kindly,
Hannah

Ahh I understand, thanks Hannah

The challenge is that I’m using a form (via the Forminator plugin) to create the portfolio posts, so I need to change the default.

Don’t worry I think we can live with it as it is…

I’m not familiar with that plugin as it relates to setting up portfolio posts. Let me know how I can help going forward.

Best,
Hannah