How do I reduce the featured image size in blog posts? – Themeco Community https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/feed/ Sun, 12 Oct 2025 00:02:47 +0000 https://bbpress.org/?v=2.6.14 en-US https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/#post-8348 <![CDATA[How do I reduce the featured image size in blog posts?]]> https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/#post-8348 Sat, 25 Jan 2014 16:09:14 +0000 Joshua C The featured image in blog posts is gigantic. How do I reduce it’s size?

]]> https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/#post-8398 <![CDATA[Reply To: How do I reduce the featured image size in blog posts?]]> https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/#post-8398 Sat, 25 Jan 2014 22:17:23 +0000 Kory Joshua,

The featured image size of the posts is part of their design as is present in all of our demos. If you’re speaking that the image is too tall vertically, you can do some editing of your photos in WordPress via the media manager. Alternately, we have the blog masonry layout available that will make your posts a little smaller and also affect the size of your image.

Thanks!

]]> https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/#post-9499 <![CDATA[Reply To: How do I reduce the featured image size in blog posts?]]> https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/#post-9499 Thu, 30 Jan 2014 01:09:15 +0000 Brittany S I have tried what you just suggested – all my images in WordPress are a quarter of the size the blog is displaying them as . . .

http://www.aavadental.com/free-teeth-whitening-locations-california/

and

http://www.aavadental.com/news

I love the masonry look on the regular ‘news’ link – but when you open up one of the news items (or blog post) the picture is ginormous and I can not figure out how to make that stop.

]]> https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/#post-9538 <![CDATA[Reply To: How do I reduce the featured image size in blog posts?]]> https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/#post-9538 Thu, 30 Jan 2014 06:14:48 +0000 Kory Hey Brittany,

As stated above, the featured image size of the posts is part of their design as is present in all of our demos. In looking at your site, one of the things to keep in mind is that you have no sidebar on your single posts. Adding this back in will allow you to showcase a smaller photo size. Additionally, you can try adjusting your site’s dimensions to be a little smaller. Lastly, while not completely ideal, you could do some sort of hybrid where you show your featured image on the blog, hide it on the single pages with some CSS, and then place a smaller image in the content. Just trying to provide some options to think about.

Thanks!

]]> https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/#post-9965 <![CDATA[Reply To: How do I reduce the featured image size in blog posts?]]> https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/#post-9965 Fri, 31 Jan 2014 23:07:44 +0000 Kris F Hi support!
I like that option of hiding the huge featured images on the single pages. What would the CSS code be for that?

Thanks! 🙂
Kris

]]> https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/#post-9987 <![CDATA[Reply To: How do I reduce the featured image size in blog posts?]]> https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/#post-9987 Sat, 01 Feb 2014 00:56:24 +0000 Rubin Hey Kris,

go to your Customizer > Custom > CSS and enter following:

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

that should remove the featured image on the single page. If you need anything else let me know!

]]> https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/#post-10544 <![CDATA[Reply To: How do I reduce the featured image size in blog posts?]]> https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/#post-10544 Mon, 03 Feb 2014 13:45:07 +0000 Evrim P Joshua and Brittany,

I fix that issue by reducing the post size altogether. This also makes posts look better and easier to read.

Just go to “Customizer -> Custom -> CSS” and add the following:

@media (min-width: 1024px) {
  .post, .x-comments-area {
    max-width: 60% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

Hope this helps!

]]> https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/#post-10573 <![CDATA[Reply To: How do I reduce the featured image size in blog posts?]]> https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/#post-10573 Mon, 03 Feb 2014 15:19:42 +0000 Rubin Hey Evrim,

thanks for chiming in. This is really helpful!

]]> https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/#post-22043 <![CDATA[Reply To: How do I reduce the featured image size in blog posts?]]> https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/#post-22043 Mon, 10 Mar 2014 18:44:34 +0000 Anna Marie S Hey, Evrim:

I also wanted to reduce the image sizes on the blog pages and your fix works beautifully! Thanks so much!

I’ve been able to find answers like this on the forum and really appreciate how active both the support folks and the developers of this theme are.

Anna Marie

]]> https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/#post-22084 <![CDATA[Reply To: How do I reduce the featured image size in blog posts?]]> https://theme.co/archive/forums/topic/how-do-i-reduce-the-featured-image-size-in-blog-posts/#post-22084 Mon, 10 Mar 2014 21:20:49 +0000 Rubin Thank you for the kind words! 🙂

]]>