How to keep dynamic button still while refreshing

Store Design
, , , , , , , , ,

Topic summary

A user wants to prevent dynamic checkout buttons in their cart drawer from changing color during the brief refresh period on both mobile and desktop.

Proposed Solution:
A Shopify expert suggested adding CSS code to the base.css file that:

  • Forces buttons to maintain a black background color (#000)
  • Applies rounded borders (border-radius: 999px)
  • Uses absolute positioning
  • Employs !important flags to override default styling

Status: The solution has been provided but not yet confirmed as working. The user needs to test whether the CSS fix resolves the color-changing issue during cart drawer refreshes.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

I’m looking to make the dynamic buttons on the cart drawer stay the same color while the cart drawer is refreshing for a split second for mobile and desktop

url knmb1c-pf.myshopify.com

password samurai

IMG_9080.jpeg
IMG_9080.jpeg1180×881 46 KB

2

Hi @undercoverfresh ,

I am from Mageplaza - Shopify solution expert.

Add the following code to the base.css file to allow the buttons to have the same color.

#dynamic-checkout-cart .button-content {
    background: #000 !important;
    border-radius: 999px !important;
    position: absolute !important;
}

Please let me know if it works as expected!

Best regards