Changing image size in blog

Store Design
1

Hello, I’m using the Cosmetic theme and would like to improve our blog posts with images but their size is massive, regardless if I change the image size in PS. Is there a way to insert images and control their size? Here’s the site

https://aharamushrooms.com/blogs/mushroom-science

Thanks!

2

Hi @Ahara

TRy this one.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.blog-image.overflow-hidden {
    width: 60%;
    margin: auto;
}

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

3

Hello [email removed]Made4uo-Ribe and thank you for responding. I’m trying to change the image size within the blog post so I can enhance the reading experience. Currently if I insert the image through blog editor it takes up the whole page like in this screenshot.

Screen Shot 2025-01-08 at 1.03.44 PM.png
Screen Shot 2025-01-08 at 1.03.44 PM.png2628×2212 457 KB

4

Do you nean to change the image only in the mobile screen?

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

5

No this is universal for desktop and mobile.