I have just updated kalium latest version (1.9.4) and also the latest wordpress version. All is ok, nothing strange occur!
But I have a problem with picture size in some portfolio items: in particular you can see the portfolio item I send above (here you will find the screenshot
On mobile there is no problem, but on pc the img is too big so it can be displayed overall (the user has to scroll to see the picture complete); I tried to make the picture smaller but the only thing that changes is the resolution (that makes worse): how can I modify the box so that the picture can be displayed overall?
If you are using Zig-Zag portfolio on this page then you can show the Description in 50% of the page and the image will be smaller. http://drops.laborator.co/75Ti
thanks, in this way is much better. Follow the psd files is the only way to prepare pictures in right size? I don't remember if there are all psd files to download (per each kind of portfolio item) to follow in order to prepare pictures in right size...
You just need to import your best size of that image and Wordpress will take care for the rest :)
You can download Kalium PSD-s from this link, but we have made very big changes since we created our theme so a lot of things are not on PSD-s anymore.
It sounds good! :-) Anyway, the best size for each image (you mean 2000 px width? Or just a little bigger than the space you will put the image in?) could make the site heavier?
It will not make the site heavier, because Wordpress takes your original size image and create some thumbnails that he needs in different sizes. This is called Adaptive Images technique.
So when someone visits your website from the mobile phones it will take the image that is not big enough and looks crisp on mobile phones, if the user visits your site from computer it will select the bigger size thumbnail etc.
Wow! Fantastic! Thanks for the info. So, you suggest to upload the main image 1024x900 px, as shown in your "What's new section" or something more (also for biggest device)?
I am checking all my portfolio works and I have a problem with this one http://www.alessiavattani.it/portfolio/catalogo-tiffany-co/: from mobile the images can't be shown overall, each image is cut out from the device (pls see the screenshot from my mobile for details
There something I should set in this portfolio item type (fullscreen?)
Hi dear! How are you?
I have just updated kalium latest version (1.9.4) and also the latest wordpress version. All is ok, nothing strange occur!
But I have a problem with picture size in some portfolio items: in particular you can see the portfolio item I send above (here you will find the screenshot
On mobile there is no problem, but on pc the img is too big so it can be displayed overall (the user has to scroll to see the picture complete); I tried to make the picture smaller but the only thing that changes is the resolution (that makes worse): how can I modify the box so that the picture can be displayed overall?
Many thanks for your help and sugestion.
B.rgds,
Alessia
Hi Alessia,
If you are using Zig-Zag portfolio on this page then you can show the Description in 50% of the page and the image will be smaller. http://drops.laborator.co/75Ti
Hi Ylli,
thanks, in this way is much better. Follow the psd files is the only way to prepare pictures in right size? I don't remember if there are all psd files to download (per each kind of portfolio item) to follow in order to prepare pictures in right size...
b rgds,
Alessia
Hi Alessia,
You just need to import your best size of that image and Wordpress will take care for the rest :)
You can download Kalium PSD-s from this link, but we have made very big changes since we created our theme so a lot of things are not on PSD-s anymore.
It sounds good! :-) Anyway, the best size for each image (you mean 2000 px width? Or just a little bigger than the space you will put the image in?) could make the site heavier?
thanks for your helpfulness!
Alessia
Hi Alessia,
It will not make the site heavier, because Wordpress takes your original size image and create some thumbnails that he needs in different sizes. This is called Adaptive Images technique.
So when someone visits your website from the mobile phones it will take the image that is not big enough and looks crisp on mobile phones, if the user visits your site from computer it will select the bigger size thumbnail etc.
We have introduced this feature on the version 1.4 of Kalium.
Wow! Fantastic! Thanks for the info. So, you suggest to upload the main image 1024x900 px, as shown in your "What's new section" or something more (also for biggest device)?
b rgds,
Alessia
Hi Alessia,
We have added that image just for demo purposes, you just need to upload the best quality image that you have, don't worry for that :)
Ok Ylli, many thanks!
Kind regards,
Alessia
Hi Alessia,
Glad to hear that :)
Hi dear!
I am checking all my portfolio works and I have a problem with this one http://www.alessiavattani.it/portfolio/catalogo-tiffany-co/: from mobile the images can't be shown overall, each image is cut out from the device (pls see the screenshot from my mobile for details
There something I should set in this portfolio item type (fullscreen?)
Thanks for your suggestion,
kind regards,
Alessia
Hi Alessia,
Please add the code below to Custom CSS
@media screen and (max-width: 768px) { .portfolio-full-bg-slider .image-entry { -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } }This code will show the full image on mobile devices.Hi Ylli,
thanks for your help! Now the portfolio item looks ok from mobile.
kind regards,
Alessia
Hi Alessia,
Glad to hear that
Best regards,
Laborator Team