Gecko5
Search…
Trick, Helpful 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:

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 hovering

1
.pr_grid_item .product-image:hover .hover_button {
2
opacity: 0;
3
}
Copied!

6. Change the color of page title

1
div#shopify-section-pages_heading h1 {
2
color: #333;
3
}
Copied!
Last modified 25d ago