How to make all photos the same size for blog posts on Narrative theme?

Store Design
1

Hi!

I’ve tried to use the same image size for all photos for my blog posts and they all end up looking different, both in the posts and on the home page. How do I make them all even? Thank you!

1 Like
2

@vivavivet

Please share store URL.

Thanks!

3

@vivavivet

Sorry for facing this issue, it’s my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question. :blush:

Please share your site URL,
So I will check and provide a solution here.

4

hello @vivavivet

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here.

5

Hi!

URL is https://vivavivet.com/

Password is uldeog

Thank you!!

2 Likes
6

@vivavivet

thanks for URL try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.article__list-image-wrapper {
max-width: 100% !important;
}
.article__list-image {
max-width: 100% !important;
    max-height: 100% !important;
}
7

@vivavivet

  1. In your Shopify Admin go to: online store > themes > actions > edit code.

  2. Find Asset > theme.scss.liquid and paste this at the bottom of the file.

.article__list-image-wrapper {max-width: 100% !important;}
.article__list-image {max-width: 100% !important; max-height: 100% !important;}

Hope this work

Thanks!

8

Thank you both!

This did work - the images are quite large, even after changing to “grand”. Is there any way to make them slightly smaller?

I also had one more question about the photos on the home page. There is a preview at the bottom near the footer that shows a specific blog section. All of these photos are different sizes as well. Is there any way to align them all so it looks neat and tidy?

Thank you again!