anchor.diff:      <button onclick="edit_modal('logo_modal', <%= product_i.id %>)" style="width: 100%" class="btn btn-success">ADD
         LOGO
       </button>
  -
  -    <hr>
  -
  -    <h4 class="light-paragraph">Colors</h4>
  -    Work in progress...
   
       <hr>
   
  
positive.code:     </button>
    </div>
  
    <div id="dim_back" class="dim_back">
  
      <div style="overflow:hidden;" id="size_modal" class="content_pop">
  
negative.code: 
      </script>
  
    </div>
  
    <div class="card modal-g">
      Photos
  
      <% product_i.colors.each do |color| %>
  
          <div id="color-row" style="overflow: auto; text-align: center">
            <button onclick="remove_colo_row(this, '<%= color.id %>')" style="width: 10%; float: left" class="btn btn-danger">-</button><!--FINISH-->
            <h4 style="float:left;"><%= color.title %></h4>
            <div class="dropzone" id="color_drop_pictures_<%= color.id %>" style="width: 100%; min-height: 170px; float: left">
  
            </div>
          </div>
          <hr>
  
      <% end %>
  
      <button style="width:100%;" onclick="edit_modal('color_modal', <%= product_i.id %>)" class="btn btn-success">ADD
        COLOR
      </button>
    </div>
  
    <div class="card modal-g">
  