change cart icon

lesbrons
Excursionist
97 0 39

how do i change the cart icon to one ive uploaded myself? uploaded one in the files but not sure where the code is to replace it

lesbrons.com

0 Likes
suyash1
Shopify Partner
2863 306 475

@lesbrons - icon can be set from code or as background using css

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
lesbrons
Excursionist
97 0 39

so everything can just be done in the css file? i found the cart section in it for mobile (thats all i want to change it on) and have no idea what to change

 

@media screen (max-width: 980px) and (min-width: 741px) {
body.cart .cart-final-details input {
min-width: 145px;
}
}
body.cart #basket-right h2{
padding-bottom: 22px;
border-bottom: 1px solid var(--dotted-color);
text-align: center;
margin-bottom: 20px;
}
body.cart input#update-cart {
display: inline-block;
width: 49%;
line-height: 28px;
height: 38px;
}
body.cart h1.page-title {
padding-bottom: 22px;
border-bottom: 1px solid var(--dotted-color);
text-align: left;
}
body.cart h1.page-title span {
float: right;
text-align: right;
}
body.cart .rte-accordion .item {
width: calc(100% - 10px);
margin: 0 auto;
}
body.cart .cart-price .item-pricing,
body.cart .cart-price .line-pricing {
width: 38%;
display: inline-block;
vertical-align: top;
}
body.cart .cart-price .qty {
width: 20%;
display: inline-block;
vertical-align: top;
}
body.cart .subtotal p,
body.cart .discounts p,
body.cart .shipping p,
body.cart .tax p,
.ajaxcart__footer .subtotal p,
.ajaxcart__footer .discounts p,
.ajaxcart__footer .shipping p,
.ajaxcart__footer .tax p,{
margin-bottom: 0 !important;
}
body.cart .discounts,
body.cart .subtotal,
body.cart .total,
body.cart .shipping,
body.cart .tax,
.ajaxcart__footer .discounts,
.ajaxcart__footer .subtotal,
.ajaxcart__footer .total,
.ajaxcart__footer .shipping,
.ajaxcart__footer .tax {
display: inline-block;
width: 100%;
}
body.cart .shipping p.title,
body.cart .tax p.title,
body.cart .subtotal p.title,
body.cart .total h3.title,
body.cart .discounts p,
.ajaxcart__footer .shipping p.title,
.ajaxcart__footer .tax p.title,
.ajaxcart__footer .subtotal p.title,
.ajaxcart__footer .total h3.title,
.ajaxcart__footer .discounts p {
float: left !important;
}
body.cart .discounts ul,
.ajaxcart__footer .discounts ul {
float: right;
list-style: none;
margin-bottom: 10px;
}
body.cart .subtotal p.subtotal-price,
body.cart .total h3.total-price,
body.cart .discounts .cart-savings-amount,
body.cart .shipping p,
body.cart .tax p,
.ajaxcart__footer .subtotal p.subtotal-price,
.ajaxcart__footer .total h3.total-price,
.ajaxcart__footer .discounts .cart-savings-amount,
.ajaxcart__footer .shipping p.value,
.ajaxcart__footer .tax p.value {
float: right !important;
}
.ajaxcart__footer.row p {
line-height: 10px;
}
body.cart .cart-final-details p {
line-height: 10px;
margin-bottom: 10px !important;
}
h5.or-divider {
position: relative;
text-transform: uppercase;
}
div#basket-right h5.or-divider span:before {
content: '';
background: var(--dotted-color);
height: 1px;
width: 40%;
position: absolute;
left: 0;
top: 50%;
}
div#basket-right h5.or-divider span:after {
content: '';
background: var(--dotted-color);
height: 1px;
width: 40%;
position: absolute;
right: 0;
top: 50%;
}

0 Likes
NerdCurator
Shopify Partner
251 49 84

@lesbrons I can help you change the icon. You can private message me here or email me directly. Thanks

Believes in delivering optimizing web solutions | Shopify Partner | Working as a web developer for last 8+ years.
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Email me: info@nerdcurator.com
0 Likes
suyash1
Shopify Partner
2863 306 475

@lesbrons - you have cart code but it is not for icon, we need to add it

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
lesbrons
Excursionist
97 0 39

Where would i add it?

0 Likes
suyash1
Shopify Partner
2863 306 475
check background image property in css, you can add it to cart
You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes