[Resolved] Card 1 style on mobile

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Card 1 style on mobile

Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #19948
    Joao
    Participant

    Hi again Elvin,

    Reg https://wpshowposts.com/support/topic/excerpts-not-working-and-more/#post-19460 , specifically issue 3:

    What happens is that since the overlay excerpt hover effect doesn’t work in mobile, I would like image height to be smaller and a better perspective of the photo would be achieved. Height (both in desktop and mobile) is the result of the space needed for that excerpt text to be shown, right?

    What I see is this (2 examples):
    https://tinyurl.com/yx9uzb22
    https://tinyurl.com/y3lmptpb

    I think you agree that in some cases there’s no way to figure what the photo is about. Not on mobile.
    But if I could have that height smaller (width would be larger) for mobile I would have a totally different image perspective.

    Is there any way I can could change image height only for mobile?

    Sorry for having made you wait; thanks again.

    (P.S: I may have submitted more or less this question yesterday but without a topic title but I’m not finding that ticket…)

    #20038
    Tom
    Keymaster

    Hi there,

    Hard to tell without seeing your site, but you could try something like this:

    @media (max-width: 768px) {
        .wpsp-card .wp-show-posts-image img {
            object-position: right;
        }
    }

    You can adjust the value as needed: https://developer.mozilla.org/en-US/docs/Web/CSS/object-position

    #20061
    Joao
    Participant

    After position You’re right: I need to try and adjust it. But 1st I need to learn 😉
    Page pictured is https://michaelkummer.com/contact/sign-blog-updates/
    Best support! Thank you once again.

    #20268
    Tom
    Keymaster

    No problem! 🙂

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.