Important:
This support area is for Kalium 3 users only.
Support for Kalium 4 has moved to our new platform at support.laborator.co.
If you’re using Kalium 4, please create a new account there using your email and license key. A password will be sent to you automatically.
Hi Guys
Our client did some pre-testing of the site and was delighted with the template and how great everything looks (and works). We've been able to make several changes that they asked for but one remains ...
Is there an easy way to change/switch the '+' add to cart icon/button to be a mini shopping cart instead? Our client said that the '+' symbol was not obvious. Attached is a photo mockup of what they would like if it's a simple process.
Many thanks as always
Clive
Hi Clive,
You can add this custom CSS:
.woocommerce .shop-item .item-info a[data-product_id]:before {
content: '';
background: url(/wp-content/themes/aurum/assets/images/cart_1.svg);
width: 35px;
height: 35px;
background-size: 100%;
top: -10px;
left: 10px;
}
.woocommerce .shop-item .item-info a[data-product_id].loading:before {
animation: fadeOnly 300ms ease-in-out infinite;
animation-direction: alternate;
}
@keyframes fadeOnly {
0% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
and it should look like this:
(view large version)
Hi Arlind
That's awesome! Working now as planned at http://v08.booklet.ro :)
Many thanks indeed
Clive
Glad to hear that.
Will set this ticket as solved from here.