Kalles
Search…
Kalles
Greeting
ChangeLog
Installation
Some Basic Before Using Theme
Upload theme
Import Demo
How to update the theme ?
How to get Instagram Access Token
Easy metafield editor
Trick, Helpful CSS
Shopify apps
Get discount
Require apps (free)
Recommend app (optional)
Main Navigation
Create a menu
Megamenu config
Mobile menu config
Theme Setting
Header
Layout
General Settings
Logo Header
Style and Color
Typography
Footer
Collection Page
Product Settings
Product Item Settings
Cart, Search Widget
Config Articles On Blog Page
Other Settings
Language, Currency
Custom CSS, JS
Social Media
Favicon
Checkout
Portfolio configuration
Filter by Tag for Blog
Recommendation Pop-up Add to Cart
Collection Filter
Filter by Product Options
Filter by Tags
Variant Configuration
Config variant in product page
Custom variant color
Custom variant image
Variant ID on URL
Product Setting
Some popular questions related
Shopping Cart Widget
Sections
Swatch, Label Submenu
Config Compare Page
Exit product popup
Sticky add to cart
Mobile Categories
Sticky Toolbar Mobile
Sale popup
Collections
Blog
Image
Video
Text
Promotional
Social media
Lookbook
Products
Cart Tab
Video Thumbnail
Sections on Blog
Page config
Features
Contact page
Page FAQs
Brand page
About Us page
FAQ Kalles
Powered By
GitBook
Trick, Helpful CSS
All code should be add to Theme Setting > Custom CSS
1. Change BUY IT NOW text
1
button.shopify-payment-button__button {
2
font-size: 0px !important;
3
}
4
5
button.shopify-payment-button__button:before {
6
content: “Change to your text”;
7
line-height: 1.42;
8
text-decoration: none;
9
text-align: center;
10
white-space: normal;
11
font-size: 11px;
12
font-weight: bold;
13
text-transform: uppercase;
14
letter-spacing: 0.2em;
15
}
Copied!
2. Custom CSS to change the color of the warning text:
1
span.nt_name_current {
2
color: green!important;
3
}
Copied!
3. Custom CSS code to change background for notice bar at the bottom:
2 custom css for change color
1
p.shopify-info.sp_notice.show_notice
2
{
3
background: red!important;
4
}
Copied!
4. Disable Trash icon from Mini cart
1
.cart_ac_edit, .cart_ac_remove {
2
display: none;
3
}
Copied!
5. Remove Quick Shop button when hover
1
.pr_grid_item .product-image:hover .hover_button {
2
opacity: 0;
3
}
Copied!
6. Change color of page title
1
div#shopify-section-pages_heading h1 {
2
color: #333;
3
}
Copied!
Installation - Previous
Easy metafield editor
Next - Shopify apps
Get discount
Last modified
7mo ago
Copy link
Contents
1. Change BUY IT NOW text
2. Custom CSS to change the color of the warning text:
3. Custom CSS code to change background for notice bar at the bottom:
4. Disable Trash icon from Mini cart
5. Remove Quick Shop button when hover
6. Change color of page title