How can I increase the number of blog post columns to 5 in a row?

[Ammzish]

Hello there, I can't find any option to change the blog post columns from 3 to 5 in Customizer. I think it can only be solved with custom code. If anyone can provide a code for this, that would be helpful.

Website: https://marketingpropertee.com/blogs/news?page=1

[AnneLuo]

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the </head> tag

<style>
 .page-content {
    max-width: unset !important;
 }
 @media only screen and (min-width: 769px) {
   .medium-up--one-third {
     width: 20% !important;
   }
 }

</style>

Step 3: Find the theme.css file and replace here with 5n+1

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

[Ammzish]

Hi @AnneLuo, Thank you for providing the code. I followed the instructions you gave and it worked. However, I encountered a new issue. The problem is that it is changing all grids from the Home page to the product page, I only want to change the grid column on the article page.

[AnneLuo]

Okay, got it. Can I become a collaborator and directly help you with the modifications, otherwise it would be a waste of time. I can help you modify it in a few minutes.

[Ammzish]

Sure, but it is my client's Shopify account. I can't give you account access, but I can add you to my Shopify partner team. please provide me with your email address.

[Ammzish]

@AnneLuo ?

[AnneLuo]

Oh, sorry. We have our own Shopify partner team. So I can't join your team.

[Ammzish]

Okay, I can ask my client to add you. What's your email address?