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] EComposer Partner Plan

Exclusively for Kalles users, you can get EComposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)

  • Build ANY Shopify pages: Landing page, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.

  • Create advanced sections & add to Kalles with ease

  • Save up to 50 pages/sections

  • 100+ professional, stunning pre-designed templates

  • Anyone can build pages with live drag-drop editor

How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Kalles+EComposer” to upgrade for free

Cheers, The4.

Last updated