Shopify themes, liquid, logos, and UX
How can I change the color of this buttons on the order status page without changing it on other pages?
To change the color of the buttons only on the Order Status Page without affecting buttons on other pages, you can use some custom CSS targeting that specific page.
Steps to follow:
<style>
body#order-status .button {
background-color: #yourColorHere !important;
color: #textColorHere !important;
}
</style>
4. Replace #yourColorHere with your desired button background color (e.g., #ff6600) and #textColorHere with the text color (e.g., #ffffff).
This CSS targets only the order status page using body#order-status, so your buttons on other pages will stay unchanged.
Dotsquares Ltd
Problem Solved? ✔ Accept and Like solution to help future merchants.
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025