A Mystery in Blog Listing template - featured image sizes
resolver
In creating our blog using recently created-for-us through migration templates, I have an unexpected effect on images in the blog listing, EXCEPT for the featured post.
The featured image for the featured post is appearing within the width of the text below, while the featured images on the rest of the post listings take up the whole page width. It even seems to "push" the sidebar to appear below even on a wide screen.
I'm glad you fixed your images. Here is my input on that.
Your images have the class "hs-featured-image" and the there is a wrapper around the image with the class "hs-featured-image-wrapper". You can play with the image width like this:
your images are inline elements so text-align center on the parent centers them, and the max-width on the image keeps it from growing beyond the set width. 100% would be 100% width of the container.
As for your side bar, the wrapper to your list of blog posts, '.hs-blog-listing .blog-content-wrapper' is set to 'float: none !important' in your October2018 stylesheet. changing that to 'float: left' makes your sidebar sit where you are wanting.
I'm glad you fixed your images. Here is my input on that.
Your images have the class "hs-featured-image" and the there is a wrapper around the image with the class "hs-featured-image-wrapper". You can play with the image width like this:
your images are inline elements so text-align center on the parent centers them, and the max-width on the image keeps it from growing beyond the set width. 100% would be 100% width of the container.
As for your side bar, the wrapper to your list of blog posts, '.hs-blog-listing .blog-content-wrapper' is set to 'float: none !important' in your October2018 stylesheet. changing that to 'float: left' makes your sidebar sit where you are wanting.
A Mystery in Blog Listing template - featured image sizes
resolver
I fixed the image issue: I found a difference in CSS between the popular-post-wrapper and the hs-featured-image-wrapper.
After adding "display: block;" the images are now showing well.
The second part of the mystery is not yet solved...The sidebar (supposed to show 8-4 division in the 12 grid) is still showing below the posts, no matter the window width.