Support Forum

Thank you very much for your help.

It worked.

Best regards,
Ricardo

Hi,

Once again, thank you very much for your patience with this question.

Now with that CSS worked great.

Thank you very much for your help on reaching the perfect solution.

Best regards,
Ricardo

Hi,

Did as you suggest, but the result is not good in any device.

You can check here:

https://wordpress-89823-1605306.cloudwaysapps.com/

The 1st section reflects what you told e.

The 2nd section is like I want, but, as I told it’s not adapting correctly to the tablet.

I don’t know how can I explain better. I’m not satisfied with this kind of support.

If it was a customization issue, I totally understand that this is out of your scope and I would be grateful for any kind of support: good or bad.

But, in my opinion, this is not a customization issue. It’s a thing that it’s not working well on tablet. If you can help me, great. If it’s not possible, please add this problem to fix in a future update.

Regards,
Ricardo

Hi,

I think that’s the way too. But, unfortunately I don’t know how can I do that! Could you give me some tip?

Thanks,
Ricardo

Hi,

I am using a list where i set the images to be 450×450, even though I’m using 3:2 images.

No problem on that.

But on tablet it is displaying a rectangular adaptation of the the cropped image and not of the original image, which produces a strange effect in terms of image and also in resolution.

Is there anyway of displaying the images on tablet based on the original files and not as an adapation of the 450×450 cropped images? It doesn’t need to display exactly as 3:2, but just to crop the original and not the 450×450

You can check it here:

https://wordpress-89823-1605306.cloudwaysapps.com/

I am using this CSS

@media (max-width: 1024px) {
.wp-show-posts-columns, .wp-show-posts-inner {
margin-left: 0 !important;
margin-right:0 !important
}

.wp-show-posts-columns .wp-show-posts-single {
display: block;
width:100%
}

.wp-show-posts-image.wpsp-image-left, .wp-show-posts-image.wpsp-image-right {
float: none;
margin-right: 0;
margin-left:0;
}
.wp-show-posts-image img,
.wp-show-posts-columns .wp-show-posts-single:not(.wp-show-posts-masonry-block) .wp-show-posts-image img {
width: 100%;
max-height: 450px;
max-width: unset;
object-fit: cover;
}
}
/

Can you help me to achieve this?

Thanks in advance,
Ricardo

P.S: I just need to adjust image height, not width.

Thank you