Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Dante › Blog Masonry – 4 Column
New Landing › How can we help? › Themeforest Theme Support › Dante › Blog Masonry – 4 Column
- This topic has 11 replies, 4 voices, and was last updated 7 years by David Martin – Support.
-
Posted in: Dante
-
December 4, 2013 at 5:12 pm #35281
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.
December 5, 2013 at 7:32 am #35418Hi @jovo,
Have you changed the line I posted to col-sm-3?
That will make it 4 column, confirmed it here.
– Ed
December 5, 2013 at 2:21 pm #35495Thanks 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.
December 5, 2013 at 8:04 pm #35595We 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
July 20, 2016 at 7:15 am #282505Hi 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
July 21, 2016 at 10:11 am #282886Joanna – 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 calledfunctions.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; }
July 21, 2016 at 12:04 pm #282941Hi 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
July 21, 2016 at 4:16 pm #2830241) 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 functionsf_blog_items()
.4) Copy and paste this into your child theme file called
functions.php
.5) Amend the column classes as needed.
Thanks.
July 21, 2016 at 5:04 pm #283037Hi 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
July 21, 2016 at 5:19 pm #283040Hi,
We can guide you through this, it’s not complex if you work with us.
Thanks.
July 22, 2016 at 10:24 am #283151Hi 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
July 22, 2016 at 10:36 am #283161Ok, no problem.
Thanks,
David. -
Posted in: Dante
You must be logged in and have valid license to reply to this topic.