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

[Rebecca07]

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

These should have no border and brown text not black

variants picker should look like this:

will be very grateful for any assistance!

[Made4uo-Ribe · Accepted solution]

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 </body> tag and paste the code below before the tag. 

<style>
.product__title h1 {
    color: white;
}
.product-form__input--pill input[type=radio]:checked+label {
    background: white;
    color: black;
}
.product-form__input--pill input[type=radio]+label {
    border-color: white;
    background: transparent;
    color: white;
}
.product-form__input--pill input[type=radio]+label:hover {
    border-color: white;
}
</style>

And Save. 

Result:

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

[Made4uo-Ribe · Accepted solution]

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 </body> tag and paste the code below before the tag. 

<style>
.product__title h1 {
    color: white;
}
.product-form__input--pill input[type=radio]:checked+label {
    background: white;
    color: black;
}
.product-form__input--pill input[type=radio]+label {
    border-color: white;
    background: transparent;
    color: white;
}
.product-form__input--pill input[type=radio]+label:hover {
    border-color: white;
}
</style>

And Save. 

Result:

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

[Rebecca07]

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 🙂

[Rebecca07]

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 

[Rebecca07]

All sorted 🙂

[Made4uo-Ribe]

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

[Made4uo-Ribe]

The remaining is this one. 

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

[Rebecca07]

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

[Made4uo-Ribe · Accepted solution]

i didnot touch the payment button. Check this one. Insert this to the previous code I give paste before the </style> 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:

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

[Rebecca07]

Thank you so much!