Solved

Change font color of product description

AndyMahase
New Member
6 0 0

Hi, I'm using the minimal theme and I am trying to change the font color of the description in all my products. I tried looking at the product-template.liquid file but can't find anything about font color. Can someone please help? Thanks in advance.

Accepted Solution (1)
Tejas_Nadpara
Shopify Partner
1118 222 552

This is an accepted solution.

@AndyMahase 

 

Add this css:

.product-description * {
    color: #00ABEE !important;
}

Cheers,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on tejas.nadpara@gmail.com regarding any help

View solution in original post

Replies 24 (24)

Tejas_Nadpara
Shopify Partner
1118 222 552

@AndyMahase 

 

Add this code into your timber.scss.css file:

.product-description {
    color: #000;
}

Above code will make the description font color black because I set color code #000, You can change color code as yer your requirement.

Let me know if you need more help.

 

Cheers,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on tejas.nadpara@gmail.com regarding any help
AndyMahase
New Member
6 0 0

Hi, thanks for offering to help. I can't find "timber.scss.css" but I found, and tried pasting, the provided code at the bottom of "timber.scss.liquid" but it didn't work after I saved and reload.    

AndyMahase
New Member
6 0 0

This is the code I pasted:

.product-description {
color: #00ABEE;
}

Tejas_Nadpara
Shopify Partner
1118 222 552

@AndyMahase 

 

Please share your store URL so I can take a look and assist you better.

 

Thanks,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on tejas.nadpara@gmail.com regarding any help
AndyMahase
New Member
6 0 0
Tejas_Nadpara
Shopify Partner
1118 222 552

This is an accepted solution.

@AndyMahase 

 

Add this css:

.product-description * {
    color: #00ABEE !important;
}

Cheers,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on tejas.nadpara@gmail.com regarding any help
AndyMahase
New Member
6 0 0

Thank you very much. It works. 🙂
Also, apologies, if I had known that my url would have expedited the situation I would have provided it from the beginning. 🙂 Thanks again for your help. Do you happen to know if this change will affect load time for the website?

Tejas_Nadpara
Shopify Partner
1118 222 552

@AndyMahase 

 

You're welcome! 🙂

No worry about load time, It will not affect on loading time.

 

Thanks,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on tejas.nadpara@gmail.com regarding any help
leon29
Visitor
2 0 2

Hi Tejas, 

I am also having this problem, I use the Minimal theme too. The code did not work for me. I want to bulk edit my descriptions so that the text below is the same dark grey (it is currently the same colour as the background so you cannot see it). I would also like the last bullet point to be the same colour and font as the bullet points above. 

There is also this random box and the number '1' that appears underneath all of my products. I'm not sure what change has caused this to happen 

Heres my store link 

 Screen Shot 2021-04-12 at 8.15.31 AM.pngScreen Shot 2021-04-12 at 8.15.51 AM.pngScreen Shot 2021-04-12 at 8.15.58 AM.pngScreen Shot 2021-04-12 at 8.16.00 AM.png

mikeshik7
Tourist
9 0 0

Hi. I'm trying to solve the same problem :-). Where exactly should this code be pasted?

 

Thank you. Mike

Tejas_Nadpara
Shopify Partner
1118 222 552

@mikeshik7 

 

Send me your store url so I can assist you better.

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on tejas.nadpara@gmail.com regarding any help
mikeshik7
Tourist
9 0 0
Hi,

It’s www.onlinedipstore.com

Thank you! Mike
Tejas_Nadpara
Shopify Partner
1118 222 552

@mikeshik7 

 

Go to the Theme > Actions > Edit code > Assets > theme.scss.liquid file and add following code at the bottom of file:

.product-single__description * {
    color: #00ABEE;
}

here, I used color code #00ABEE but, You can change it as per your requirement.

 

Cheers,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on tejas.nadpara@gmail.com regarding any help
mikeshik7
Tourist
9 0 0

Oh great, it worked! Though the color code you gave me showed as light blue so I just typed 'black' instead :-). Thank you for helping out!

 

Mike

Milky_Way_Shop
Excursionist
20 0 2

category description colour is very very uncles. can u kindly guide how to change colour?

 

\\\\\\\\\\\\\\\\\\\\regards

Tejas_Nadpara
Shopify Partner
1118 222 552

@Milky_Way_Shop 

 

Send me your store URL and screenshot, where it is?

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on tejas.nadpara@gmail.com regarding any help
Milky_Way_Shop
Excursionist
20 0 2

milkywaytrading.co.uk

Milky Way Shop 

Also, can you kindly tell me how to truncate the product description please

Thanks

Tejas_Nadpara
Shopify Partner
1118 222 552

@Milky_Way_Shop 

 

Please send me a screenshot, which font color needs to change?

 

Thank you,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on tejas.nadpara@gmail.com regarding any help
Milky_Way_Shop
Excursionist
20 0 2

Please see. The colour and also code for truncate it pleasedescrip4.JPG

MegaSupplement
Visitor
1 0 0

Hi, i have the same problem but i have the Studio theme. Please help.

OPowerW
Tourist
8 0 1

Hi, i have the same problem but i have the Ride theme. Please help.

OPowerW
Tourist
8 0 1
(Since we don't have theme.scss.liquid, I tried one by one and finally found the correct file to edit in the Ride theme.  However, the codes were provided by Mr. Tejas_Nadpara,  so he deserves most of the credits.)
 
Subject: Universally change text color of product descriptions in all categories!
 
Solution: 
 
Add codes to "Assets / section-main-product.css" in the Ride theme.
.product__description * {
    color: #00ABEE !important;
}
Mattylolx
Visitor
3 0 0

Thank you very much for clarifying this, it was exactly the answer I needed!

Jimmathy1991
Visitor
1 0 1

I'm having the same problem with the ride theme but I've never done code work before. Do I just post that code anywhere or do I have to paste it in a specific spot?