how I adjust the image ratio of my blog

[Jim]

 

[niraj_patel]

Hello @Jim 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 750px) {
   .main-blog h1.title--primary.scroll-trigger.animate--fade-in {
      text-align: center !important;
   }
   .blog-articles {
      display: flex !important;
       justify-content: space-between;
  }
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[BSS-TekLabs · Accepted solution]

Hi @Jim,

Here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the base.css (or theme.css, custom.css) file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes.

.card__inner.ratio {
    /* You can adjust this value according to your preference */
    aspect-ratio: 1/1 !important;
}

Here is the result

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!