Why won't my button class change on my e-commerce site?

Store Design
,

Topic summary

A user is unable to style a button on their Shopify cart page despite modifying the code. They shared screenshots showing their attempted changes.

Key Solutions Provided:

  • PageFly-Victor offered a solution with screenshots (details unclear due to text encoding issues)

  • GemPages identified the root cause: the user was editing the wrong file (cart-drawer.liquid). They should instead modify the button class in main-cart-items.liquid

  • Litos provided a CSS code snippet to paste in Assets > base.css that targets .button-continue-shopping with specific styling properties (display, dimensions, colors, transitions)

Status: Multiple solutions offered, but no confirmation yet from the original poster on whether any approach resolved the issue. The discussion remains open pending user feedback.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

I change this buttons code in the code but it doesn’t change or let me style it, thank you for helping me if you do.

store link:https://psyco-jewelery.myshopify.com/cart

JeffRandal1238_0-1676505631168.png
JeffRandal1238_0-1676505631168.png460×132 3.88 KB

JeffRandal1238_1-1676505653390.png
JeffRandal1238_1-1676505653390.png680×109 9.4 KB

JeffRandal1238_2-1676505694390.png

2

Hi @JeffRandal1238,

You can my screenshots

PageFlyVictor_0-1676511714665.png
PageFlyVictor_0-1676511714665.png1220×585 54.6 KB

PageFlyVictor_1-1676511723263.png
PageFlyVictor_1-1676511723263.png645×296 20.4 KB

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

3

Hello @JeffRandal1238

As your screen shot, I think you are change class on incorrect file (cart-drawer.liquid)

GemPages_0-1676511700354.png
GemPages_0-1676511700354.png1913×943 66.1 KB

The file correct is main-cart-items.liquid

GemPages_1-1676511876817.png
GemPages_1-1676511876817.png1835×937 72.6 KB

GemPages_2-1676512070029.png
GemPages_2-1676512070029.png1884×817 323 KB

Please change class for button on the file main-cart-items.liquid

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

4

Hi @JeffRandal1238 ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.button-continue-shopping {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 0;
    padding: 0 3rem;
    cursor: pointer;
    text-decoration: none;
    color: rgb(var(--color-button-text));
    transition: box-shadow var(--duration-short) ease;
    -webkit-appearance: none;
    appearance: none;
    background-color: rgba(var(--color-button),var(--alpha-button-background));
    min-width: calc(12rem + var(--buttons-border-width) * 2);
    min-height: calc(4.5rem + var(--buttons-border-width) * 2);
}

Hope it helps!