Is there anyway to change the layout & text on an empty cart page?

I tried injecting some code to change the empty cart message, font, and layout because it's super small and left justified and looks kinda bad. The code didn't work. Is it even possible to mess with that at all? Am I missing something?

www.yooperlife.shop

pw: yeeyee

@yooper906 Can you share your site URL for context? 

www.yooperlife.shop/home

On 8/9/2024 at 6:06 AM, yooper906 said:

www.yooperlife.shop/home

You can use this code to Website Tools > Custom CSS

h2.cart-title {
    font-size: 40px;
    text-align: center;
}
p.empty-message {
    font-size: 20px;
    text-align: center;
}
a.cart-continue-button {
    margin: 0 auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    font-size: 30px !important;
    padding: 20px 40px !important;
}

Is there a way to customize the message or do the site setting override that?

7 hours ago, yooper906 said:

Is there a way to customize the message or do the site setting override that?

Change this text only or both title, text + button?

Use this CSS code

p.empty-message {
   visibility: hidden;
}
.empty-message:before {
   visibility: visible;
   content: "New Text Cart";
   font-size: 20px;
    text-align: center;
    display: block;
}