Docs

[E]

Hi,

The featured images are WAY too big for the blog and archive pages. I’m using Integrity. How do I reduce the size that appears on these pages?

[Nabeel A]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[E]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for updating. It seems you are using too long height images that’s not suitable at all for featured image. You should use an image that’s wider and less in height. Kindly upload appropriate images and it will look good.

If you still have any question let us know what you are trying to achieve with a screenshot.

Cheers!

[E]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for updating. I think that’s exactly what I answered in last reply. It’s all about the dimension. When you are using awkwardly long height image, it won’t fit anywhere. There is no recommended size but you should use an wider image (say 800×600) to get better view.

If you want to restrict the image height for blog page (http://millionmamasmovement.org/blog/) then I can provide you some CSS but the extra height will be cut off. If you are okay with that, let’s use the code below :

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

You can change the max-height with your own value. That’s all I can suggest you for this unless you change the images to a suitable dimension.

Hope this makes sense.

[E]

This reply has been marked as private.

[Lely]

Hello There,

Please update above CSS to this:

.blog .entry-featured,
.archive .entry-featured {
  max-height: 300px;
  overflow: hidden;
}

Hope this helps.

[Author]

Posts