Как в WooCommerce сделать изображение на карточке товара круглым?

Question

[Rivers86lis]

Здравствуйте, подскажите пожалуйста как сделать изображение на карточке товара круглым.
Вот верстка

<div class="col-md-4 col-sm-4 mb-60">
	<div class="shop-container align-center alt-2">
		<a href="images/shop/[e-mail]" class="lightbox mfp-image">
		<div class="shop-media">
		<div class="shop-img">
<img src="images/shop/img-1.jpg" data-at2x="images/shop/[e-mail]" alt>
	</div>
	<div class="label-new label-left font-alt">New</div>
	</div>
	</a>
       <a href="shop-single-item.html"><h3 class="shop-title font-alt">Luxury Spa</h3></a>
        <div class="shop-stars">
        	<i class="fa fa-star"></i>
        	<i class="fa fa-star"></i>
        	<i class="fa fa-star"></i>
        	<i class="fa fa-star"></i>
        	<i class="fa fa-star"></i>
        </div>
        <div class="shop-price font-alt">
        $ 69<span>99</span>
        </div>
       <p>Phasellus tristique diam turpis, vitae rhoncus mi ultricies vel</p>
       <a href="shop-cart.html" class="button small">Add to cart</a>
</div>
</div>

Comments

[streedpof]

Изменять .css файлы, давно не пользовался Woo, но скорее всего этого не сделать без правок в стилях

Answer 1

[Владимир]

С помощью css, пропиши в стилях темы

.shop-img img{
border-radius: 100px;
}

Comments

[Rivers86lis]

такой стиль есть, именно в woocommerce не отабражается так как надо

[Refguser]

Rivers86lis, значит не применяется. Исправляй правило что бы применялся.