How can I make the thumbnail not cut, and the title comes out to the bottom?

Hi Woosung,

What if you set the Image to have an object-fit of contain? Try adding this CSS through Appearance > Customize > Additional CSS:

.blog .inside-article .post-image img {
    object-fit: contain;
}

Does this work?

In the mobile the problem where the title is visible next to the thumbnail has not been resolved.

When I added the code you told me to css, the thumbnail was solved.

How can I send the title under the thumbnail?

website address : rjjabase.com

Try adding this CSS as well:

@media (max-width: 768px) {
    .blog .inside-article .post-image, .blog .inside-article .post-image img  {
        width: 100%;
    }
    
}

Thank you. Fernando !

Now that the thumbnail looks small, can I make it full in the background?

I updated the code here: https://generatepress.com/forums/topic/how-can-i-make-the-thumbnail-not-cut-and-the-title-comes-out-to-the-bottom-2/#post-2500952

Can you update the code you have to this?

Hello.

I am done already this code. but It is too small in mobile.

How to change full ?

Thanks for your help.

The thumbnail is too small in the mobile environment.

Is there a css code that can make the thumbnail look full ?

Can you double-check if you have a syntax error somewhere in Additional CSS?

Copy and test all the code you have there here: https://codebeautify.org/cssvalidate

Thank u . kindley.

There are no errors in the additional css.

However, 116 errors are seen in the existing css.

If I may
I will let you know the login ID and pw, so could you take a look?

We can't take a look at all the errors. It would be best to reach out to a developer regarding this.

With regards to the issue at hand, replace this:

@media (max-width: 768px) {
    .blog .inside-article .post-image {
        width: 100%;
    }
}

with this:

@media (max-width: 768px) {
    .blog .inside-article .post-image, .blog .inside-article .post-image img  {
        width: 100%;
    }
    
}

as mentioned. Let us know how it goes.

Thanks.

Both codes come out in valid CSS.

It says there's nothing wrong.

You still haven't replaced the code. Please replace it first as mentioned.

Thank you !!

It's resolved.

You're welcome, Woosung!