How can I change the title and shipping link color to white in Origin theme?

Store Design
, , , ,

Topic summary

A user needed help changing text colors to white on their product page in the Origin theme, specifically for product titles and the shipping policy link, which were invisible against the background.

Solution provided:

  • Access Shopify admin → Online Store → Themes → Actions → Edit code
  • Locate the theme.liquid file and find the </body> tag
  • Insert custom CSS code before the closing </style> tag

Additional fixes included:

  • Product title color changed to white
  • Shipping link text made white
  • Variant picker borders and text styling adjusted (removed black borders, changed brown text)
  • Quantity selector styling updated (white borders, transparent background, white text)
  • Payment button opacity adjusted

The issue was resolved through CSS customizations targeting specific elements like .quantity, .shopify-payment-button__more-options, and related selectors. All requested color changes were successfully implemented.

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

Hi!

I’ve changed the text colour on my product page to white, but it hasn’t changed the title color, also the ‘shipping’ link to the shipping policy also hasn’t changed so now can’t be seen.

Can anyone help please? website is: www.littlebearfeet.com ; pw: yiabra

I want the Title white and the shipping link text white

Rebecca07_1-1707342586686.png
Rebecca07_1-1707342586686.png542×229 14 KB

These should have no border and brown text not black

Rebecca07_2-1707342606462.png
Rebecca07_2-1707342606462.png468×368 12.8 KB

variants picker should look like this:

Rebecca07_0-1707343066752.png
Rebecca07_0-1707343066752.png446×399 15 KB

will be very grateful for any assistance!

1 Like
2

Hi @Rebecca07

Check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “theme. Liquid” file. Find the tag and paste the code below before the tag.

And Save.

Result:

Made4uoRibe_0-1707344286972.png
Made4uoRibe_0-1707344286972.png595×365 14.7 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
3

Thank you so much! Do you know how to change the colour of the titles? They’re showing as black but we would ideally like them white :slightly_smiling_face:

4

Sorry, do you know how to change the colour of the ‘shipping’ link that’s under the title? It’s gone brown so it’s not showing

1 Like
5

All sorted :slightly_smiling_face:

6

The titles I change it to white. its included on the codes.

7

The remaining is this one.

Made4uoRibe_0-1707417148730.png
Made4uoRibe_0-1707417148730.png582×314 5.98 KB

Let me know if you like to change tihs one also. Please dont forget to likes to my post that helped you. Thanks!

8

Yes please! I was just trying to figure out how to change that!

1 Like
9

i didnot touch the payment button. Check this one. Insert this to the previous code I give paste before the tag.

.quantity:before, .quantity, .quantity:after {
    box-shadow: none;
    border-color: white;
    background: transparent;
}
.quantity * {
    color: white;
}
.quantity__button {
    opacity: 1 !important;
}

.shopify-payment-button__more-options {
    color: white;
}

And Save.

Result:

Made4uoRibe_0-1707422320616.png
Made4uoRibe_0-1707422320616.png603×301 5.72 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
10

Thank you so much!