Site logo

Archived topic

How to set the dimensions of images from blog at the homepage of Donate theme?

3 replies · Started by Claudio on February 11, 2022

Viewing posts 1–4 of 4

Hi

I would like to know how to set (and uniformize) the dimensions of the images from the blog shown on the homepage.

best regards

Hi Claudio,

You can try setting the image width and height through WPSP: https://share.getcloudapp.com/xQuzkK2w

You can also try doing it through CSS. Here is a code you can try:

    @media (max-width: 768px) {
            .wp-show-posts-image img{
            height:300px !important;
            object-fit: cover !important;
        }
    }
    @media (min-width: 769px) and (max-width: 1024px) {
            .wp-show-posts-image img{
            height:300px !important;
                object-fit: cover !important;
        }
    }
    @media (min-width: 1025px) {
            .wp-show-posts-image img{
            height:250px !important;
                object-fit: cover !important;
        }
    }

Kindly modify the values to your preference.

Here is a link you may refer to with regards to adding CSS: https://docs.generatepress.com/article/adding-css/

Hope this helps! :)

Hi Fernando!

WPSP worked!

Thanks !

You’re welcome Claudio! Glad that worked! Feel free to reach out anytime if any assistance is needed. :)

This archived topic is closed to new replies.