[Share code] Cart Page

Some CSS code for Cart Page.

You need to add it to Custom CSS

#1. Rename Cart Title

/* Rename Cart Title */
h2.cart-title {
    visibility: hidden;
}
h2.cart-title:before {
    visibility: visible;
    content: "New Shop Title";
}

#2. Align center Cart Title

/* Align center Cart Title */
h2.cart-title {
   text-align: center;
}

#3. Add a subtext under Cart Title

/* Add a subtext under Cart Title */
h2.cart-title:after {
  content: "Cart sub text";
  display: block;
  font-size: 14px;
}

#4. Rename “You have nothing in your shopping cart” text

/* Rename You have nothing in your shopping cart text */
p.empty-message {
    visibility: hidden;
}
p.empty-message:before {
  visibility: visible;
  content: "enter new text here";
}

#5. Rename “Continue Shopping” text

/* Rename Continue Shopping text */
a.cart-continue-button {
color: transparent !important;
position: relative;
}
a.cart-continue-button:after {
color: #fff;
content: 'Enter New Text';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
}

#6. Product thumbnail size

/* product thumbnail size */
.cart-row-img-wrapper {
    width: 190px !important;
}

#7. Variant size color

/* Variant size color */
p.cart-row-variant {
    color: #f1f;
    font-size: 20px !important;
}

#8. Remove quantity

/* remove quantity */
.cart-row-qty {
    display: none !important;
}

#9. Remove Price

/* remove price */
p.cart-row-price {
    display: none;
}
.cart-subtotal {
    display: none;
}

#10. X remove color

/* X Color */
.cart-row-remove svg {
    fill: #f1f !important;
}

#11. Add a text under the checkout button

/* add a text under checkout button */
.cart-checkout:after {
    content: "enter new text here";
    text-align: left;
    font-size: 20px;
    margin-top: 10px;
}

#12. Remove checkout button

/* remove checkout button */
.cart-checkout-button {
    display: none !important;
}

If you have any other questions, just comment below.