如何刪除woocommerce中相關產品的邊框線？

Question

我正在通過woocommerce整合製作wordpress主題。如何刪除相關產品上的橙色邊框部分，僅在單一產品頁面上顯示如下屏幕截圖？因此，它會顯示無邊界

相關產品部分請看看下面的腳本：

related.php

<?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->exists()) { 
    return; 
} 

$related = $product->get_related($posts_per_page); 

if (sizeof($related) == 0) return; 

$args = apply_filters('woocommerce_related_products_args', array(
    'post_type'   => 'product', 
    'ignore_sticky_posts' => 1, 
    'no_found_rows'  => 1, 
    'posts_per_page'  => $posts_per_page, 
    'orderby'    => $orderby, 
    'post__in'    => $related, 
    'post__not_in'   => array($product->id) 
)); 

$products = new WP_Query($args); 

$woocommerce_loop['columns'] = $columns; 

if ($products->have_posts()) : ?> 

    <div class="related products"> 

     <h2><?php _e('Related Products', 'woocommerce'); ?></h2> 

     <?php woocommerce_product_loop_start(); ?> 

      <?php while ($products->have_posts()) : $products->the_post(); ?> 

       <?php wc_get_template_part('content', 'product'); ?> 

      <?php endwhile; // end of the loop. ?> 

     <?php woocommerce_product_loop_end(); ?> 

    </div> 

<?php endif; 

wp_reset_postdata(); 

woocommerce.css

.woocommerce .products ul li, .woocommerce ul.products li:hover { 
    border: 2px solid; 
    border-color: #f37020; 
} 

Answer 1

在您的CSS中添加以下代碼：

.related.products .woocommerce .products ul li, .related.products .woocommerce ul.products li:hover { 
    border: none!important; 
}