• Hi there,

    Is there a way to make the of featured images in the loop display as same size even if there are small differences in the height of the images with css? Or is this just a PRO feature, i′ve seen it done on some sites that uses WP Show Posts?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Leo

    (@leohsiang)

    Hi there,

    That option should be in the free feature:
    https://docs.wpshowposts.com/article/images-overview/#image-width-height

    Let me know if this helps ??

    Thread Starter WP Speed Optimization

    (@madeiranetwork)

    Ok, thanks Leo ..

    Thread Starter WP Speed Optimization

    (@madeiranetwork)

    I just tried it this way, the problem is when you resize your browser the images is still the same set size in pixel when you view as one row (mobile) and it looks bad, would be better to be able to set the width and height in % instead so it re-scales in mobile view to full width.

    Plugin Author Tom

    (@edge22)

    Hi there,

    You might have to resize them with CSS, then. Any chance you can link us to the page?

    Thread Starter WP Speed Optimization

    (@madeiranetwork)

    Hi Tom,

    I rather not write my url here, I took a chance and sent you an email on your contact form for your paid versions website, hope that is ok .. If not let me know ..

    You can write the answer here in this thread so anyone else that want to know can learn to .. =)

    // L

    Plugin Author Tom

    (@edge22)

    Cool – any chance you can remove the image size options from the settings so I can see them all at their different sizes?

    Let me know ??

    Thread Starter WP Speed Optimization

    (@madeiranetwork)

    Hi Tom,

    I have deleted all sizes of the images, so it is just default now.

    // L

    Plugin Author Tom

    (@edge22)

    Awesome.

    So each list has an ID. You can see it in the HTML here: https://www.screencast.com/t/YCyMlbuCCR

    So we can target a list you created, and set the size:

    #wpsp-195 .wp-show-posts-image img {
        height: 400px;
        object-fit: cover;
    }

    We can adjust the height at different screen sizes using media queries:

    @media (max-width: 1000px) {
        #wpsp-195 .wp-show-posts-image img {
            height: 300px;
            object-fit: cover;
        }
    }
    Thread Starter WP Speed Optimization

    (@madeiranetwork)

    Ok, thanks for your efforts Tom .. Now I am a little bit smarter again .. =)

    Btw, is there anyway to link the whole div instead of having a button to the article? I know it is possible in html5 without jQuery or is this something you have in plan maybe for the premium version .. I can see a lot of people asked for this around the web and I suppose many of us would upgrade just for that function, I know I would .. =)

    Love my LT license of your theme, missed the window of LT for this plugin though .. =)

    // L

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Featured images same size?’ is closed to new replies.