Forum Replies Created
-
AuthorPosts
-
Ricardo
ParticipantThank you very much for your help.
It worked.
Best regards,
RicardoRicardo
ParticipantHi,
Sorry to reopen this topic.
I thought that to apply this to the other lists, I just needed to remove the #wpsp-5189 from the CSS you provided.
But, it seems that it’s not enough.
I would like to apply that style to all lists. How can I do it?
I’ve removed the 450×450 from all the lists…
Thanks in advance,
RicardoRicardo
ParticipantHi,
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,
RicardoRicardo
ParticipantHi,
Thank you for your patience.
You’re not understanding the issue.
I admit that I have some dificulty explaining because I don’t know the technical terms and my English it’s not native. That’s why I made the videos.
I’m tired of trying to explain.
Next time hope it’s better.
Ricardo
ParticipantHi,
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,
RicardoRicardo
ParticipantHi,
Thank you very much for your reply,
I’m sorry that I’m a noob with CSS and really have to ask you some help.
With that CSS I cannot get the effect I was having when difining images to be 450×450 on the plugin options.
I made a video showing it, if you have 2 minutes:
Best regards,
RicardoRicardo
ParticipantHi,
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,
RicardoRicardo
ParticipantHi,
.
Sorry for the bad explanation.The problem is that tablet view uses a double cropped image. It is cropping a cropped image and not the original one.
I made a video where I try to show you the problem and the solution:
Thanks for your patience.
Ricardo
ParticipantHi,
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,
RicardoRicardo
ParticipantThank you!
This css does the trick, but the images are losing a lot of quality (like it was stretched). Is there anyway to avoid this?
Best regards,
RicardoRicardo
ParticipantP.S: I just need to adjust image height, not width.
Thank you
Ricardo
ParticipantHi,
Thank you very much for your reply.
It worked, but since I have set the images to be 450×450, it doesn’t deliver a nice result on tablet.
If it’s not an abuse, if that is possible, could you help me understanding how to adjust the image height and width for tablet with some css?
Best regards,
Ricardo Pons -
AuthorPosts