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.
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