Solved

Changing text colour - Origin theme

Rebecca07
Tourist
20 0 5

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

 

These should have no border and brown text not black

Rebecca07_2-1707342606462.png

variants picker should look like this:

Rebecca07_0-1707343066752.png

 

 

will be very grateful for any assistance!

 

 

Accepted Solutions (2)

Made4uo-Ribe
Shopify Partner
5102 1217 1489

This is an 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:

Made4uoRibe_0-1707344286972.png

 

 

 

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


View solution in original post

Made4uo-Ribe
Shopify Partner
5102 1217 1489

This is an 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:

Made4uoRibe_0-1707422320616.png

 

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


View solution in original post

Replies 9 (9)

Made4uo-Ribe
Shopify Partner
5102 1217 1489

This is an 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:

Made4uoRibe_0-1707344286972.png

 

 

 

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Rebecca07
Tourist
20 0 5

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
Tourist
20 0 5

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
Tourist
20 0 5

All sorted 🙂

Made4uo-Ribe
Shopify Partner
5102 1217 1489

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Made4uo-Ribe
Shopify Partner
5102 1217 1489

The remaining is this one. 

Made4uoRibe_0-1707417148730.png

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Rebecca07
Tourist
20 0 5

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

Made4uo-Ribe
Shopify Partner
5102 1217 1489

This is an 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:

Made4uoRibe_0-1707422320616.png

 

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

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


Rebecca07
Tourist
20 0 5

Thank you so much!