[Joshua CParticipant]

The featured image in blog posts is gigantic. How do I reduce it’s size?

[KoryKeymaster]

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!

[Brittany SParticipant]

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.

[KoryKeymaster]

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!

[Kris FParticipant]

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

[RubinKeymaster]

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!

[Evrim PParticipant]

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!

[RubinKeymaster]

Hey Evrim,

thanks for chiming in. This is really helpful!

[Anna Marie SParticipant]

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

[RubinKeymaster]

Thank you for the kind words! 🙂

[tinarose7Participant]

Support,
Regarding removing the image from individual post pages, is there anyway to remove the box with it? The box that was around the featured image continues to appear – http://liquidtext.net/the-problem-with-digital-reading-is-paper/

Thanks!

[RadModerator]

Hi there,

Add this css too 🙂

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

Cheers!

[tinarose7Participant]

that worked, thank you!

[ChristianModerator]

You’re welcome Tina. Glad we could help.

[MarianaBuckParticipant]

the code Josh created actually changes the sizes for the post carousel as well, anyone to change the blog post size without changing the post carousel size?

[Author]

Posts