Masonry Blog Layout

[jovo]

Hello. I have a couple of questions regarding the masonry layout in the blog pages.

1) Is it possible to reduce the overall box size of each post (image and text section)? I have attached a sample screen shot of the size that I’m after.

2) Also, is it possible to have 4 posts per row, instead of 3? I think I saw this mentioned in the comments pages that this could be achieved using css.

By the way, I would love to see these masonry layouts, aux option, and Load More button for the Portfolio pages. Thanks!

[Swift Ideas – Ed]

Hi there,

1) You can do so with the following custom css:

.masonry-items .blog-item .details-wrap {
	padding: 18px 20px 20px;
}

2) Yes, you’d need to edit /includes/sf-blog.php line 100:

$item_class = "col-sm-3";

Unfortunately we can’t use the same loading effects due to the filtering, but we’re working on better filtering etc 🙂

– Ed

[jovo]

Thanks Ed. For item #2, it looks like I already have this code by default. By the way, I’m using the Masonry Blog with AUX. The if statement says mini below, is this correct? Anything else that I can try?

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 {
$item_class = $width;
}

[Swift Ideas – Ed]

Hmm ok, well change this:

} else {
$item_class = "col-sm-4";
}

to

} else {
$item_class = "col-sm-3";
}

Hope that helps!

– Ed

[Taffy]

Hi Guys,

This works if you change the sf-blog.php file in the main theme, but if you duplicate and add the sf-blog.php file to the Child theme it does not.

Am I missing something?

[Mohammad – SUPPORT]

Hi,
Have you placed sf-blog.php with same parent directory structure ? Please add this code at functions.php child theme:
require_once('sf-blog.php');//please put correct path of file at child theme here

Hopefully that should work and let me know your feedback.
Thanks 🙂
With Best Regards
Swift Ideas

[Taffy]

What should this path look like?

[Mohammad – SUPPORT]

Hi,
Please leave it and paste the full code of this function sf_blog_items from sf-blog.php file to functions.php of child theme.
Thanks
Mohammad

[Taffy]

Sorry Mohammad, I don’t follow.

Please leave it and paste the full code of this function sf_blog_items from sf-blog.php file to functions.php of child theme.

?

[Mohammad – SUPPORT]

Hi,
Just take the full code of this function sf_blog_items from sf-blog.php file to and paste this code at functions.php of child theme.
Thanks
Mohammad