[RadModerator]

You’re so much welcome!

[CharlesDSParticipant]

Hello there,

I would like to set all the featured images about the same size

Or at least stop them from being this big:
http://baboenglish.com/category/all-posts/ (The top post featured image is way to big)

Can you see the blog post: About Jobs in the UK and USA? It would be great if I could just have each featured image size roughly looking like that.

C

[ChristopherModerator]

Hi there,

Please add following code in Customize -> Custom -> CSS :

.entry-featured {
    max-height: 508px;
    overflow: hidden;
}

Hope it helps.

[CharlesDSParticipant]

Hey that is great, almost perfect

However the code crops the image – is it not possible for an image, say 1000px to be reduced into the 500px space?

If not that’s OK, ill just make sure to use 400px images or something.

C

[John EzraMember]

Hi there,

Thanks for updating the thread! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

/* fit image */
.entry-featured img {
    min-width:0;
    max-height: 500px;
    max-width:500px;
    overflow: hidden;
}

/* Get border frame to fit image */
.entry-featured {
    display:inline-block;
}

/* center entry featured */
.entry-wrap {
    text-align: center;
}

/* Return Text to left alignment */
.entry-content.excerpt {
    text-align: left;
}

Hope this helps – thanks!

[hallsdale-powellParticipant]

I am using this to shrink my post images, and it works when I am customizing, but in any browser, when I am NOT logged into my site, it goes back to the regular size. Is there something else that I need to be doing here?

http://www.hpud.org/board-commissioners-position/

.single-post .entry-featured {
width:30%;
margin:0 auto;
padding:none;
}

OR

/* fit image */
.entry-featured img {
min-width:0;
max-height: 500px;
max-width:500px;
overflow: hidden;
}

/* Get border frame to fit image */
.entry-featured {
display:inline-block;
}

/* center entry featured */
.entry-wrap {

[JoaoModerator]

Hi There,

Please try cleaning your browser cache and checking it again.

Let us know how it goes.

Joao

[hallsdale-powellParticipant]

I did all of that, and it still wasn’t working. Walked away for a meeting and came back two hours later and now it all works in every browser. Odd, but it works. 🙂

Thank you!

[FriechModerator]

Probable related to cache, glad things sorted out.

Cheers!

[jacobcaneParticipant]

How would you do this to not show single blog post for a category?

Example:
I want the featured image to show up here: http://www.emergencyhealing.com/category/online-relationship-advice/video/

But then once you click on a single blog post, I don’t want the image to show:
http://www.emergencyhealing.com/online-relationship-advice/video/sleeping/

[JoaoModerator]

Hi There,

Please add the following code:

.single-post .entry-featured {
    float: left;
    margin-right: 10px;
    margin-top: 50px;
    width: 50%;
}

And adjust according to your wishes,

Hope it helps

Joao

[JvPParticipant]

Which template files should I edit if I want to change the size of the featured image on archive pages and single post pages, assuming I’m using the Icon stack?

[Nabeel AModerator]

Hi there,

Thanks for writing in! If you’re using CSS code suggested in this thread then you need to add it in your Customizer via Appearance > Customize > Custom > Edit Global CSS

Hope this helps!

[JvPParticipant]

I’d like to edit the size of the image that X inserts in the page directly in the template file, I think it grabs the full size version of an image and I’d like to use the thumbnail instead.

[LelyModerator]

Hi There,

In that case, please follow the suggestion here:https://community.theme.co/forums/topic/change-post-and-page-default-featured-image-size/page/2/#post-769574.
The original function is located here \wp-content\themes\x\framework\functions\global\featured.php

Hope this helps.

[Author]

Posts