[Support request] How to get curved corners? like these

[Krish]

How to get curved corners for Archive and blog page?

Example:

I want to show the posts like this example.

Please take a look at my current look:

[David]

Hi there,

try adding this CSS:

.post-image img {
    border-radius: 20px;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Krish]

Got it.

But how can i change the images to square? Just like the example.

Thanks

[Fernando]

Hi Krish,

Try replacing the code here: https://generatepress.com/forums/topic/how-to-get-curved-corners-like-these/#post-2372081

with this:

article .post-image img {
    border-radius: 20px;
    aspect-ratio: 1/1;
    object-fit: cover;
}

[Author]

Posts