Hello,

Please go to file \includes\view\portfolio\loop-grid.php and find these lines:

if($style == 'grayscale'){ ?>
<div class="portfolio-item mix <?php echo esc_attr($sort_classes) ?> <?php echo esc_attr($extra_class) ?>  <?php echo esc_attr($style) ?>" data-id="<?php echo get_the_ID() ?>">
   <div class="">
     <?php if($item_grid_class == 5){  ?>
           <img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port4', 'url')) ?>" alt="">
     <?php } ?>
     <?php if($item_grid_class == 3){  ?>
            <img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port4', 'url')) ?>" alt="">
     <?php } ?>
     <?php if($item_grid_class == 4){ ?>
           <img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port3_grayscale', 'url')) ?>" alt="">
     <?php } ?>
     <?php if($item_grid_class == 6){ ?>
           <img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port2_grayscale', 'url')) ?>" alt="">
     <?php } ?>
     <?php if($item_grid_class == 12){ ?>
           <img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port1', 'url')) ?>" alt="">
     <?php } ?>
   <div class="project">
    <h5><a href="<?php echo $link ?>"><?php echo get_the_title() ?></a></h5>
    <h6><?php echo esc_html($sort_classes) ?></h6>
   </div>   
  </div>          
 </div>

Replace with these:

if($style == 'grayscale'){ ?>
<div class="portfolio-item mix <?php echo esc_attr($sort_classes) ?> <?php echo esc_attr($extra_class) ?>  <?php echo esc_attr($style) ?>" data-id="<?php echo get_the_ID() ?>">
  <div class="">
      <?php if($item_grid_class == 5){  ?>
        <a href="<?php echo $link ?>"><img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port4', 'url')) ?>" alt=""></a>
      <?php } ?>
      <?php if($item_grid_class == 3){  ?>
        <a href="<?php echo $link ?>"><img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port4', 'url')) ?>" alt=""></a>
      <?php } ?>
      <?php if($item_grid_class == 4){ ?>
        <a href="<?php echo $link ?>"><img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port3_grayscale', 'url')) ?>" alt=""></a>
      <?php } ?>
      <?php if($item_grid_class == 6){ ?>
        <a href="<?php echo $link ?>"><img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port2_grayscale', 'url')) ?>" alt=""></a>
       <?php } ?>
       <?php if($item_grid_class == 12){ ?>
         <a href="<?php echo $link ?>"><img src="<?php echo esc_url(codeless_image_by_id(get_post_thumbnail_id(), 'port1', 'url')) ?>" alt=""></a>
       <?php } ?>
   <div class="project">
       <h5><a href="<?php echo $link ?>"><?php echo get_the_title() ?></a></h5>
       <h6><?php echo esc_html($sort_classes) ?></h6>
   </div>   
  </div>          
</div>

Save changes and refresh page.

Best regards!

Hello,

Sorry, can you explain better what do you mean by “tree column”? The portfolio will keep this form even if you make it with 2; 4 or 5 columns. But only if you keep the grayscale style you have now.

Let us know.

Best regards!

Hello,

It will work for them as well.

Best regards!