[Share] Change Blog page width

To change Blog page width, you can use these CSS code to Website Tools > Custom CSS.

#1. Specific blog page width

First, you need to find the blog page ID.

In my example, it is: #collection-6677756d03a4f15ba27ce9d8

Next, use CSS code like this

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

#2. Width of all blog posts belong specific blog page

First, find blog page ID.

In my example it is: #collection-6677756d03a4f15ba27ce9d8

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

.collection-6677756d03a4f15ba27ce9d8

Next, use CSS code like this

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

#3. Specific blog post width

You can edit blog post > Add a Code Block

and use CSS code like this into Code Block

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