Taste Theme - Blog Page - Number of Columns

[BJGiddings]

I'm looking at switching to the Taste Theme, which would be ideal for our store. But I'd ideally like to customize the blog page a little. Right now, in grid format (I'm not keen on the collage format), it only gives the option for two columns on the desktop layout. Which results in very big blocks - even if you set the featured image size to small.

See this preview link: https://953uo83j90gsya25-52356284577.shopifypreview.com

Ideally, I'd like to have 3 columns so the individual blog cards are a bit less "in your face" on a desktop (See our current site).  Does anyone have any idea how I could change that? I'm relatively comfortable playing with code if necessary.

Thanks in advance!

[Choong_HueApps · Accepted solution]

Hi, can you try the following:

1. Go to "Edit Code" of your Taste theme

2. Look for "section-main-blog.css"

3. Look for code below (around line 14):

@media screen and (min-width: 750px) {
.blog-articles {
grid-template-columns: 1fr 1fr;

...
}

4. Add another "1fr" so it becomes like this

@media screen and (min-width: 750px) {
.blog-articles {
grid-template-columns: 1fr 1fr 1fr;

...
}

Screenshot below for your reference:

Let me know if it works?

You can just mark this as solution if it does 🙂

[BJGiddings]

Works perfectly! Thank you for such a speedy and simple solution 🙂

[Choong_HueApps]

You're welcome!

Shameless plug - if you have a lot of blog posts and need a better filtering system, please feel free to try out Blog Posts Articles Filter PRO (run by yours truly here 🙂 )

[BJGiddings]

No shame in plugging your business - we're all doing it :).

We're not blogging a massive amount right now, but it will only increase over time and I'd be happy to take a look at the app to see if it can help us as we grow. 

All the best for now!