Adjust Size of Featured Image on Blog Posts and Block

Site URL: https://www.fellowsvintage.com/

Site: http://fellowsvintage.com/
PW: SOclose22!

Hello! Is there a way to customize the size of the featured image on both the blog and the feed/blog block? I'm assuming these would be two separate codes.

When I set a featured image it is HUGE on the blog page and I'm not seeing any option to customize even the width or margin other than for text/body. (*Additionally, if there's a way to make the bg of the blog transparent so that the paper texture is the background or designate the paper texture image as the bg, that'd be a bonus).

For the blog feed on the home page (scroll down to the horse icon), I'd love for the featured images to be square thumbnails, ideally smaller than the width of the columns (I currently have the setting toggled to OFF for this section). 

Thanks so much!

Try adding to Design > Custom CSS

.blog-single-column .blog-single-column--container>div:first-child {
    max-width: 500px;
    width: 90%;
}
.blog-single-column .blog-single-column--container {
    justify-content: center;
    align-items: center;
}

Thanks so much @tuanphan! That resolved the issue on the blog page. Any recommendations for limiting the featured image size in the summary block (on the home page of this site)? 

Thanks!

11 hours ago, haley___james said:

Thanks so much @tuanphan! That resolved the issue on the blog page. Any recommendations for limiting the featured image size in the summary block (on the home page of this site)? 

Thanks!

You mean this?

Hello,

I dare "parasite" on topic for I was trying to solve image size on blog feed. I tried various CSS snippets, but I failed (honestly, Im a total beginner). Would you pelase help me too? I would like to increase image size from 300x300px to 500x500px. I am on Squarespace 7, theme FIVE and my web is https://www.officeroka.sk/sk/novinky. I am not web admin, I am just an admin user with big wishes..

thank you for your time~

23 hours ago, amali said:

Hello,

 

I dare "parasite" on topic for I was trying to solve image size on blog feed. I tried various CSS snippets, but I failed (honestly, Im a total beginner). Would you pelase help me too? I would like to increase image size from 300x300px to 500x500px. I am on Squarespace 7, theme FIVE and my web is https://www.officeroka.sk/sk/novinky. I am not web admin, I am just an admin user with big wishes..

 

thank you for your time~

You mean blog images on this page?

On 11/4/2022 at 9:28 AM, tuanphan said:

You mean blog images on this page?

Yes, image thumbnails for the posts on https://www.officeroka.sk/sk/novinky Since not all posts use thumnails (some posts are displayed fully, that is why an image gallery is visible), here comes attached a screenshot where I marked with yellow the thumbnail (just in case I don't use the right terminology.) 

On 11/7/2022 at 4:16 PM, amali said:

Yes, image thumbnails for the posts on https://www.officeroka.sk/sk/novinky Since not all posts use thumnails (some posts are displayed fully, that is why an image gallery is visible), here comes attached a screenshot where I marked with yellow the thumbnail (just in case I don't use the right terminology.) 

Try adding to Design > Custom CSS

@media screen and (min-width:901px) {
.view-list article .excerpt-thumb {
    min-width: 500px !important;
}
.view-list article .excerpt-thumb img {
    left: 0 !important;
}
}

YES! it works perfectly!

Thank you so much, tuanphan, thank you.

@tuanphan I just want to randomly say you are an amazing person for offering help! Wow.