This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Blog Post Showing Featured Image too Large

Resolved 7 replies premiumthemetheme-vantage
tmagnum68
11 years ago · Last reply by Andrew Misplon 11 years ago

I am using Vantage and created a child theme. First time using Page Builder and ran into a problem setting up the blog.

I created a Page using the Blog template. Added a Post Loop widget and Posts display properly on the page. However, if you select a post to view it, the image fills up the whole width of the page. Looks awful. Original image was 160 x 160 pixel.

Any ideas? Using Firefox 27.0.1
Thanks much,
Teresa

URL: http://peacegrue.org/here/2014/08/01/musings-august-2014/

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Greg Priday Staff 11 years, 10 months ago

    Hi Teresa

    Sorry I didn’t reply sooner, but it looks like you were able to fix the issue? I just wanted to double check that everything is good with the solution you came up with?

  2. tmagnum68 11 years, 10 months ago

    Sorry for the delay. No the problem is not fixed. I bypassed it by removing the Featured Image from the blog post. No, I could not get it to stop displaying the image as wide as the content. Any help would be appreciated.

    P,S, Am I being charged $15 for Support? My Paypal account was charged. Please advise.

  3. tmagnum68 11 years, 10 months ago

    Regarding the charge…my apologies. That was my template.
    Teresa

  4. Andrew Misplon Staff 11 years, 10 months ago

    Hi Teresa

    Thanks for running Vantage.

    To clarify your original posting, with Vantage you should either use Page Template > Blog OR use Page Builder and insert a Post Loop widget, but ideally not both.

    Under Appearance > Theme Settings > Blog: Featured Image Type you can change the featured image to a thumbnail, this only applies to your archive/blog pages. You could then additionally hide the featured image on the single post page by un-checking Appearance > Theme Settings > Blog > Featured Image.

    Finally, you could set a max width for both the blog and single post featured image size by inserting the following under Appearance > Custom CSS:

    /* Set a max-width for the single post and archive featured image */
.single .entry-thumbnail img {
margin-right: auto;
margin-left: auto;
max-width: 50%;
}
article.post .entry-header .entry-thumbnail img {
margin-right: auto;
margin-left: auto;
max-width: 50%;
}

    Adjust the 50% figures above to your chosen size.

  5. tmagnum68 11 years, 10 months ago

    Andrew,
    Thanks for your clarification and CSS code.. I ended up using Page Template > Blog, and on the Post pages using the Site Builder to build out the post.
    To get the effect I wanted, i added a “display: none;” to the article.post CSS above.

    Thanks for your help!
    I am happy with this!

  6. tmagnum68 11 years, 10 months ago

    And then I realized I didn’t need to add the CSS code, just hide the featured image on the single post page by un-checking Appearance > Theme Settings > Blog > Featured Image. Duh.
    Thanks again for your patience!

  7. Andrew Misplon Staff 11 years, 10 months ago

    Glad to hear you made progress here. Thanks for sharing your solution with the community. All the best.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread