I recently bought your Nerduck theme (which looks amazing by the way!), but I'm a little stuck on how to build a portfolio. There are a lot of black images in the Uploads folder after installing the theme, and a lot of them have different sizes.
When I look at the portfolio page after installing, I see a few different sized thumbnails on the portfolio page, and I can see that I can change the size of these in the Portfolio section of the theme. But the problem I'm running in to is that I can't seem to figure what size thumbnails I need to make.
For a tall thumbnail or a wide thumbnail, I want to control how the image is cropped, but I can't seem to figure out how. Can you please help me understand how to do this? :-)
It's a bit more complicated but you are right in saying the images are cropped because they are filling a certain viewport.
the viewport size is calculated dynamically function of the thumbnail type (normal, wide, tall), if portfolio items have or have not margins and screen width.
the full math can be found in function /js/scripts.js MasonryPortfolio() { } (follow tall and wide tall)
as a general rule 1/2 aspect ratio for normal and wide and the reverse for tall items.
Much appreciated mr/ms Support! :) I didn't know it was actual JavaScript math taking care of the thumbnail-image scaling, so I guess I just have to take it into account when uploading my images.
Dear Clapat,
I recently bought your Nerduck theme (which looks amazing by the way!), but I'm a little stuck on how to build a portfolio. There are a lot of black images in the Uploads folder after installing the theme, and a lot of them have different sizes.
When I look at the portfolio page after installing, I see a few different sized thumbnails on the portfolio page, and I can see that I can change the size of these in the Portfolio section of the theme. But the problem I'm running in to is that I can't seem to figure what size thumbnails I need to make.
For a tall thumbnail or a wide thumbnail, I want to control how the image is cropped, but I can't seem to figure out how. Can you please help me understand how to do this? :-)
With kind regards,
Joram
It's a bit more complicated but you are right in saying the images are cropped because they are filling a certain viewport.
the viewport size is calculated dynamically function of the thumbnail type (normal, wide, tall), if portfolio items have or have not margins and screen width.
the full math can be found in function /js/scripts.js MasonryPortfolio() { } (follow tall and wide tall)
as a general rule 1/2 aspect ratio for normal and wide and the reverse for tall items.
Hope it helps.
Thanks
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Much appreciated mr/ms Support! :) I didn't know it was actual JavaScript math taking care of the thumbnail-image scaling, so I guess I just have to take it into account when uploading my images.
Thanks again and happy holidays (in advance!) :)
Happy Holidays!
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio