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 1mo 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