We're merging with GenerateBlocks! Learn more here.

Support Forum

Please login to receive premium support.

Support for the free plugin can be found here.

Forum Replies Created

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • in reply to: How to adapt image to tablet #27754
    Ricardo
    Participant

    Thank you very much for your help.

    It worked.

    Best regards,
    Ricardo

    in reply to: How to adapt image to tablet #27700
    Ricardo
    Participant

    Hi,

    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,
    Ricardo

    in reply to: How to adapt image to tablet #27698
    Ricardo
    Participant

    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

    in reply to: How to adapt image to tablet #27590
    Ricardo
    Participant

    Hi,

    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.

    in reply to: How to adapt image to tablet #27560
    Ricardo
    Participant

    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

    in reply to: How to adapt image to tablet #27500
    Ricardo
    Participant

    Hi,

    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:

    http://somup.com/creVQxDGQL

    Best regards,
    Ricardo

    in reply to: How to adapt image to tablet #27432
    Ricardo
    Participant

    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

    in reply to: How to adapt image to tablet #27349
    Ricardo
    Participant

    Hi,
    .
    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:

    http://somup.com/crnTQXDBtH

    Thanks for your patience.

    in reply to: How to adapt image to tablet #27316
    Ricardo
    Participant

    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

    in reply to: One column in tablet #24781
    Ricardo
    Participant

    Thank 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,
    Ricardo

    in reply to: One column in tablet #24749
    Ricardo
    Participant

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

    Thank you

    in reply to: One column in tablet #24746
    Ricardo
    Participant

    Hi,

    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

Viewing 12 posts - 1 through 12 (of 12 total)