Woocommerce изменить значок корзины покупок

Question

Как изменить значок корзины покупок Woocommerce? Я использую тему Элли, и их значок в корзине сбивает с толку, только круг. Так как я могу это изменить?

Любая помощь очень ценится!

Значок корзины

https://senjacosmetics.com/shop/

Answer 1

Облегчите без использования изображений. Добавьте псевдокласс: перед вот так:

Удалить границу:

.site-header-cart .cart-toggler .cart-contents {border:0px;}    

затем добавьте:

.site-header-cart .cart-toggler .cart-contents:before { 
content: "\f07a";
font-family: FontAwesome!important;
}

Добавьте это в свою дочернюю тему или перейдите в настройщик и добавьте его в раздел «Дополнительные CSS»

Answer 2

Надеюсь, что следующий код поможет: Пожалуйста, проверьте скриншот

.site-header-cart .cart-toggler .cart-contents:after {
    content: "";
    font-family: FontAwesome;
    margin-left: 14px;
}

.site-header-cart .cart-toggler .cart-contents .count {
    line-height: 15px;
    text-align: center;
    font-size: 12px;
    display: block;
    width: 100%;
    height: 100%;
    font-weight: normal;
    position: absolute;

Answer 3

Вы можете изменить значок корзины с помощью CSS с помощью кода ниже в CSS,

.site-header-cart .cart-toggler .cart-contents {
	content: '';
	background: url('URL_TO_YOUR_CART_IMAGE') no-repeat center center;
	background-size: contain;
	width: 20px;
	height: 20px;
	margin: -2px -4px;
	display: inline-block;
}

Замените URL_TO_YOUR_CART_IMAGE URL-адресом значка вашей корзины.