Masonry Gallery with more than 6 columns

i just needed it for a customer.
just edit masonry-gallery.php ( in enfold/config-templatebuilder/avia-shortcodes )
since Line 75ff:

array(
	"name" 	=> __("Columns", 'avia_framework' ),
	"desc" 	=> __("How many columns do you want to display?", 'avia_framework' ),
	"id" 	=> "columns",
	"type" 	=> "select",
	"std" 	=> "flexible",
	"subtype" => array(
		__('Automatic, based on screen width',  'avia_framework' ) =>'flexible',
		__('2 Columns',  'avia_framework' ) =>'2',
		__('3 Columns',  'avia_framework' ) =>'3',
		__('4 Columns',  'avia_framework' ) =>'4',
		__('5 Columns',  'avia_framework' ) =>'5',
		__('6 Columns',  'avia_framework' ) =>'6',
		__('7 Columns',  'avia_framework' ) =>'7',
		)),

and add what you need for it ( for me i needed 7 columns) by default it only goes to 6 columns

the best will be to have this edited masonry-gallery.php in the child-theme / shortcodes folder ( if you haven’t one – create it)

and do this to functions.php of your child-theme:

add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
function avia_include_shortcode_template($paths){
  $template_url = get_stylesheet_directory();
      array_unshift($paths, $template_url.'/shortcodes/');
  return $paths;
}

now only one css is needed to rule this new column 100/7 aprox 14% :
this to quick css:

.av-masonry-col-7 .av-masonry-entry {
    width: 14%;
}

• This topic was modified 5 years, 10 months ago by Jordan Shannon.