Solved

I need a code that would change the color of font

RiichBodii
Tourist
5 0 1

Hello, 

can someone generate a code that I can use that would help me turn these words pink. The words are white which is the same color as the background. The pictures attached show where the words are supposed to be. Screenshot 2023-10-19 at 10.09.57 AM.pngScreenshot 2023-10-19 at 10.10.53 AM.png

Accepted Solutions (2)

PageFly-Oliver
Astronaut
878 190 171

This is an accepted solution.

Hi @RiichBodii ,

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

<style>
#customers_view,
.tabs__product-page *{
color:var(--page_title_color) !important;
}
</style>



Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Made4uo-Ribe
Shopify Partner
5977 1439 1776

This is an accepted solution.

Thanks for the info, Try 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 "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

nav.nav-bar * {
    color: black;
}
.product-shop #customers_view, #collapse-tab1 {
    color: #ff93ce !important;
}

 

  • And Save. 
  • Result:
  • Made4uoRibe_0-1697730205645.png
  • Made4uoRibe_1-1697730229016.png
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.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


View solution in original post

Replies 7 (7)

Made4uo-Ribe
Shopify Partner
5977 1439 1776

Hi @RiichBodii 

Would you mind to share your store URL website? with password if its unpublish. 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.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


RiichBodii
Tourist
5 0 1

Hello,

Here's my website: https://riichbodii.co/

 

Made4uo-Ribe
Shopify Partner
5977 1439 1776

This is an accepted solution.

Thanks for the info, Try 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 "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

nav.nav-bar * {
    color: black;
}
.product-shop #customers_view, #collapse-tab1 {
    color: #ff93ce !important;
}

 

  • And Save. 
  • Result:
  • Made4uoRibe_0-1697730205645.png
  • Made4uoRibe_1-1697730229016.png
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.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


RiichBodii
Tourist
5 0 1

I don't see any of those codes in the asset folder. 

 

RiichBodii
Tourist
5 0 1

It worked, thank you!

PageFly-Oliver
Astronaut
878 190 171

This is an accepted solution.

Hi @RiichBodii ,

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

<style>
#customers_view,
.tabs__product-page *{
color:var(--page_title_color) !important;
}
</style>



Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

RiichBodii
Tourist
5 0 1

Thank you, it worked for just the product description. Is there another code for the rest of the product page?Screenshot 2023-10-19 at 11.31.31 AM.png