When you apply a Featured Image, the image becomes too large

Support
#1

We have designated a 200x200 size image as Featured Image.

The image becomes too large to cover most of the homepage like a screenshot.

I want to remove the Featured Image from the body, or I want the image to come out in its normal size.

Please help me on 2 ways.

Thank you.

#2

Hey @Hoonkyung,

To remove it, please add this code in Appearance > Theme Options > Global CSS.

.single-post .entry-thumb {
    display: none;
}

Thanks.

#3

Thank you for your support.

Is there any way to get it in its original size?

#4

Hi there,

Please try this in the custom CSS:

.single .entry-thumb img {
    min-width: 1px;
}

Hope this helps.

#5

.single-post .entry-thumb {
display: none;
}

.single .entry-thumb img {
min-width: 1px;
}

I have applied each of the two sources you provided.
But the image does not disappear nor becomes smaller.

Source code applied. However, the image still appears larger.

my web site : https://babo.tips

#6

Hi there,

Please remove these codes:

.single-post .entry-thumb {
display: none;
}

.single .entry-thumb img {
min-width: 1px;
}

Then use this:

.entry-featured {
    display: inline-block;
    margin: 0 auto;
}

.entry-thumb img {
    min-width: 1px;
}

Hope this helps.

#7

Thank you so much ^^

I also wonder about the code that removes the Featured Image from the body.

Can you help me with this?

#8

Hi there,

If you want to get rid of the featured image, you do not have to use the CSS suggested previously, you can simply use this:

.entry-thumb {
    display: none;
}

But if you only want it hidden in the single post page, you will have to use this:

.single-post .entry-thumb {
    display: none;
}

Hope this helps.

#9

There are 2 ways to remove the image normally.

But the outer line remains.
Can I erase this outline?

Thank you for your kind support.

#10

Hi there,

Instead of:

.single-post .entry-thumb {
    display: none;
}

Please try:

.single-post .entry-featured {
    display: none;
}

Hope this helps.

#11

I have applied the above code, but it looks like a screenshot.

#12

Hi there,

Would you mind clarifying what you are trying to do?

Let’s start from the beginning. Please remove all the code suggested on this thread.

if you want to get rid of the feature image in the blog page and the single post page, use this code:

.entry-featured {
    display: none;
}

The code above will remove the feature image and the borders as well.

If you want to resize the image on the blog page but remove it in the single post page, use these codes:

.entry-featured {
    display: inline-block;
    margin: 0 auto;
}

.entry-thumb img {
    min-width: 1px;
}

.single-post .entry-featured {
    display: none;
}

In case were missing something, please specify it so that we will know exactly what you are trying to achieve.

Thank you.

#13

I will take good advantage of the code you gave me.

thank you.

#14

You’re welcome.

#15

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.