Liquid, JavaScript, themes, sales channels
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.
Solved! Go to the solution
This is an accepted solution.
Add this css:
.product-description * { color: #00ABEE !important; }
Cheers,
Tejas
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
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.
This is the code I pasted:
.product-description {
color: #00ABEE;
}
Please share your store URL so I can take a look and assist you better.
Thanks,
Tejas
This is an accepted solution.
Add this css:
.product-description * { color: #00ABEE !important; }
Cheers,
Tejas
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?
You're welcome! 🙂
No worry about load time, It will not affect on loading time.
Thanks,
Tejas
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
Hi. I'm trying to solve the same problem :-). Where exactly should this code be pasted?
Thank you. Mike
Send me your store url so I can assist you better.
Thank you,
Tejas
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
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
category description colour is very very uncles. can u kindly guide how to change colour?
\\\\\\\\\\\\\\\\\\\\regards
Send me your store URL and screenshot, where it is?
Thank you,
Tejas
milkywaytrading.co.uk
Also, can you kindly tell me how to truncate the product description please
Thanks
Please send me a screenshot, which font color needs to change?
Thank you,
Tejas
Please see. The colour and also code for truncate it please
Hi, i have the same problem but i have the Studio theme. Please help.
Hi, i have the same problem but i have the Ride theme. Please help.
Thank you very much for clarifying this, it was exactly the answer I needed!
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?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024