Jump to content

Edit Text on Checkout button on shoppingcart page

Recommended Posts

  • Replies 7
  • Views 3.2k
  • Created
  • Last Reply

@TomasAH Add to Home > Design > Custom CSS


body.cart .checkout-button {
   visibility: hidden;
}
body.cart .checkout-button:after {
   visibility: visible;
   content: "New Text";
   border: 2px solid #2b2f33;
   padding: 15px 40px;
   color: #2b2f33;
   -webkit-transition: 0.1s background-color linear, 0.1s color linear;
   -moz-transition: 0.1s background-color linear, 0.1s color linear;
   -o-transition: 0.1s background-color linear, 0.1s color linear;
   transition: 0.1s background-color linear, 0.1s color linear;
}
body.cart .checkout-button:hover:after {
   background: #2b2f33;
   color: #fff;
}


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

@TomasAH change "From" text


    /* change From text */
   #productDetails .product-price {
       visibility: hidden;
   }
   #productDetails .product-price .sqs-money-native {
       visibility: visible;
   }
   #productDetails .product-price:before {
       content: "ABCXYZ";
       visibility: visible;
       font-size: 15px;
       color: red;
       margin-right: -20px;
   }



Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.