Trick, Helpful CSS

1. Change BUY IT NOW text

button.shopify-payment-button__button {
font-size: 0px !important;
}

button.shopify-payment-button__button:before {
content: “Change to your text”;
line-height: 1.42;
text-decoration: none;
text-align: center;
white-space: normal;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.2em;
}

2. Custom CSS to change the color of the warning text:

span.nt_name_current { 
color: green!important; 
} 

3. Custom CSS code to change background for notice bar at the bottom:

p.shopify-info.sp_notice.show_notice 
{ 
background: red!important; 
}

4. Disable Trash icon from Mini cart

.cart_ac_edit, .cart_ac_remove {
display: none;
}

5. Remove Quick Shop button when hovering

.pr_grid_item .product-image:hover .hover_button {
    opacity: 0;
}

6. Change the color of page title

div#shopify-section-pages_heading h1 {
    color: #333;
}

[Private offer] Gecko Partner Plan

Exclusively for Gecko 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 Gecko 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 “Gecko+EComposer” to upgrade for free

Cheers, The4.

Last updated