Blog different width – Summary Block

#1. Specific blog page width

First, you need to find the blog page ID.

In my example, we have:

Next, use CSS code like this

#collection-6677756d03a4f15ba27ce9d8 div[class*="blog-"].collection-content-wrapper {
    max-width: 1000px;
}

#2. Specific blog posts width (all blog posts belong specific blog page)

First, find the blog page ID.

In my example, we will have:

Next, we need to change # to dot . so the new ID will be:

Next, use this code to Custom CSS box

body.collection-6677756d03a4f15ba27ce9d8 .blog-item-inner-wrapper {
    max-width: 400px;
}

#3. Specific blog post width

You can edit blog post > Add a Code Block

Use this code into Code Block

<style>
  .blog-item-inner-wrapper {
    max-width: 400px;
}
  </style>