Change Color button in order status page

Change Color button in order status page

pimpãoclothing
Tourist
44 0 16

How can I change the color of this buttons on the order status page without changing it on other pages?

Captura de ecrã 2025-04-12 224511.png

Reply 1 (1)

Dotsquares
Shopify Partner
390 24 52

Hi @pimpãoclothing 

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:

  1. Go to your Shopify Admin > Settings > Checkout.
  2. Scroll down to the Order status page section.
  3. In the Additional scripts box, add the following code:
<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.


Shopify Partner Directory | Trustpilot | Portfolio