Image height on Blog Post

Store Design
, ,
1

HI! I recently updated my theme, and when I did this it changed all my blog image sizes. Now all of my blog image photos are showing up at different heights.

Here is a sample product where you can see the different sizes of the photos: https://www.oneblushingbride.net/blogs/oneblushingbride

I have attached a screenshot below.

Is there something I Can do to fix this (other than changing all my image sizes)? Thanks for your help!

Best,

Screenshot 2024-11-25 at 11.49.41 AM.png
Screenshot 2024-11-25 at 11.49.41 AM.png3078×1912 610 KB

2

Hi Alisha,

Here are the steps:

  1. Go to the Online Store.

  2. Click Edit code.

  3. Find the assets folder.

  4. Find the file named base.css.

  5. Add the code below:

.blog-articles__article .card--media .card__inner {
height: auto !important;
}
3

Thanks for your help! Where would I paste this in the file named base.css

4

Hi,

You can paste it at the very end of the base.css file.