Editing Shopping Cart References and Button Size

1, 2.3 Can you share link to product page/cart page?

3 hours ago, tuanphan said:

1, 2.3 Can you share link to product page/cart page?

Hi @tuanphan, I've updated my question with links to pages. Thanks

Add to Home > Design > Custom CSS

/* rename cart title */
.cart-title {
    visibility: hidden;
}
.cart-title:before {
    content: "Dog Cart";
    visibility: visible;
}
/* resize add to cart */
.sqs-add-to-cart-button {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 50px !important;
    color: red !important;
}
/* rename add to cart */
.sqs-add-to-cart-button-inner {
    visibility: hidden;
}
.sqs-add-to-cart-button-inner:before {
    visibility: visible;
    content: "The dog";
    position: absolute;
    display: block;
    text-align: center;
}

15 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

/* rename cart title */
.cart-title {
    visibility: hidden;
}
.cart-title:before {
    content: "Dog Cart";
    visibility: visible;
}
/* resize add to cart */
.sqs-add-to-cart-button {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 50px !important;
    color: red !important;
}
/* rename add to cart */
.sqs-add-to-cart-button-inner {
    visibility: hidden;
}
.sqs-add-to-cart-button-inner:before {
    visibility: visible;
    content: "The dog";
    position: absolute;
    display: block;
    text-align: center;
}

 

Thank you @tuanphan.

Do you know why the button does not shorten on the right hand side and the text does not align to centre? I've also tried adding !important to the text alignment.

Do you know how to edit the body text of the empty shopping cart? It currently reads "You have nothing in your shopping cart. Continuing shopping"

I've attached screen captures showing both of these.

Thank you.

.empty-message>span:first-child {
    visibility: hidden;
}
.empty-message>span:first-child:before {
    visibility: visible;
    content: "tuan phan tuan phan tuan phan";
}

I see add to cart has already center?