Blog Masonry – 4 Column

[jovo]

Hello. I asked this question in a different thread, but still searching for a solution.

http://support.swiftideas.net/forums/topic/masonry-blog-layout/

I’m trying to use the Masonry Layout with AUX, but with 4 columns, instead of 3. I see the code in the php file, but still can’t get it to work. Thanks in advance.

[Swift Ideas – Ed]

Hi @jovo,

Have you changed the line I posted to col-sm-3?

That will make it 4 column, confirmed it here.

– Ed

[jovo]

Thanks Ed. It’s working great now. I should have looked closer. 🙂

By the way, I hope this can be added as a configurable option. I’m currently not using a child theme.

[Swift Ideas – Ed]

We may do in the future, but haven’t got plans for it as of yet. It is a small change though. Can you send me a link so that I can see how it looks?

– Ed

[Joanna]

Hi there,

Would you mind posting the solution? I would like to achieve the same thing for the blog to be in 4 columns.

Thanks,

Joanna

[David Martin – Support]

Joanna – what is the link to your blog page?

The file is in /wp-content/themes/dante/includes/sf-blog.php

You need to edit the PHP function called: sf_blog_items(). This entire PHP function needs to be copied into your child theme file called functions.php once you have installed and activated it.

Within the sf_blog_items() function you can change the column settings:

				if ($blog_type == "mini") {
					$item_class = "col-sm-12";
				} else if ($blog_type == "masonry") {
					if ($sidebar_config == "both-sidebars") {
					$item_class = "col-sm-3";
					} else {
					$item_class = "col-sm-4";
					}
				} else if ($blog_type == "masonry-fw") { 
					$item_class = "col-sm-3";
				} else {
					$item_class = $width;
				}

[Joanna]

Hi there,

That sounds super complicated 🙂 I am very confused how to do this.

My blog page: http://www.varrojoanna.com/thoughts/

So will I be looking for sf-blog.php, sf_blog_items or functions.php file?

I do not think I have a child theme. Or do I?

Thanks,

Joanna

[David Martin – Support]

1) Download, install and activate the child theme we supply in the main zip file from ThemeForest.

2) You need to open the file is in /wp-content/themes/dante/includes/sf-blog.php.

3) Inside the file sf-blog.php you must locate the function sf_blog_items().

4) Copy and paste this into your child theme file called functions.php.

5) Amend the column classes as needed.

Thanks.

[Joanna]

Hi there,

Thank you for your help but I am lost on the point 1 and the instruction seems too complex for me to mess with.
Is it possible to add it to the feature request?

Thank you,

Joanna

[David Martin – Support]

Hi,

We can guide you through this, it’s not complex if you work with us.

Thanks.

[Joanna]

Hi there,

Thank you but I would like to avoid opening any code files as much as possible. I have found another solution for now.

Thanks,

Jo

[David Martin – Support]

Ok, no problem.

Thanks,
David.