title: How to remove border line on related products section in woocommerce?
body: <p>I am making a wordpress theme with woocommerce integration. How to remove orange border on related products section only on single product page like screenshot below? So it will show related products section with borderless</p>
  
  <p><a href="https://i.stack.imgur.com/FX9Ut.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FX9Ut.jpg" alt="related products"></a></p>
  
  <p>Please check out scripts below:</p>
  
  <p><strong>related.php</strong></p>
  
  <pre><code>&lt;?php
  /**
   * Related Products
   *
   * @author      WooThemes
   * @package     WooCommerce/Templates
   * @version     1.6.4
   */
  
  if ( ! defined( 'ABSPATH' ) ) {
      exit; // Exit if accessed directly
  }
  
  global $product, $woocommerce_loop;
  
  if ( empty( $product ) || ! $product-&gt;exists() ) {
      return;
  }
  
  $related = $product-&gt;get_related( $posts_per_page );
  
  if ( sizeof( $related ) == 0 ) return;
  
  $args = apply_filters( 'woocommerce_related_products_args', array(
      'post_type'            =&gt; 'product',
      'ignore_sticky_posts'  =&gt; 1,
      'no_found_rows'        =&gt; 1,
      'posts_per_page'       =&gt; $posts_per_page,
      'orderby'              =&gt; $orderby,
      'post__in'             =&gt; $related,
      'post__not_in'         =&gt; array( $product-&gt;id )
  ) );
  
  $products = new WP_Query( $args );
  
  $woocommerce_loop['columns'] = $columns;
  
  if ( $products-&gt;have_posts() ) : ?&gt;
  
      &lt;div class="related products"&gt;
  
          &lt;h2&gt;&lt;?php _e( 'Related Products', 'woocommerce' ); ?&gt;&lt;/h2&gt;
  
          &lt;?php woocommerce_product_loop_start(); ?&gt;
  
              &lt;?php while ( $products-&gt;have_posts() ) : $products-&gt;the_post(); ?&gt;
  
                  &lt;?php wc_get_template_part( 'content', 'product' ); ?&gt;
  
              &lt;?php endwhile; // end of the loop. ?&gt;
  
          &lt;?php woocommerce_product_loop_end(); ?&gt;
  
      &lt;/div&gt;
  
  &lt;?php endif;
  
  wp_reset_postdata();
  </code></pre>
  
  <p><strong>woocommerce.css</strong></p>
  
  <pre><code>.woocommerce .products ul li, .woocommerce ul.products li:hover {
      border: 2px solid;
      border-color: #f37020;
  }
  </code></pre>