Trick and Helpful Custom CSS
Here are CSS codes for you to change small details in Kalles version 4.x.x!

1. Product page

  • Change the background color for sticky Add to Cart button:
button.t4s-sticky-atc__atc {
background-color: Pink !important;
}
  • Change the text inside the sticky Add to Cart button:
button.t4s-sticky-atc__atc {
color: black !important;
}
  • Change the background color for the sticky Add to Cart button Hover:
.t4s-sticky-atc__atc:hover {
background-color: green !important;
}
  • Change the text inside the sticky Add to Cart button Hover:
.t4s-sticky-atc__atc:hover {
color: red !important;
}

[Private offer] Kalles Partner Plan

Don't have to be a tech-savvy, you surely can create your powerful and eye-catching store with EComposer - Visual Landing Page Builder app - Our free Add-on for Kalles 4.
No more code headaches - FREE 100% lifetime (save your $150 annually) - delicate support.
Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Kalles+EComposer” to upgrade for FREE.
Copy link
On this page
1. Product page
[Private offer] Kalles Partner Plan