Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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/
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?
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.
Regarding the charge…my apologies. That was my template.
Teresa
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.
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!
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!
Glad to hear you made progress here. Thanks for sharing your solution with the community. All the best.