I would like to make the product description text/font color black in Shopify Spotlight theme v. 11.0.0. It is currently light gray which is difficult to read on some devices. There is no option to change this on the theme editor.
Topic summary
A user seeks to change the product description text color from light gray to black in Shopify’s Spotlight theme v. 11.0.0, as the current color is difficult to read on some devices. The theme editor doesn’t provide a built-in option for this change.
Proposed Solutions:
Two support representatives offered CSS-based fixes:
- Solution 1: Add custom CSS code before the
</body>tag in the theme.liquid file - Solution 2: Modify the Base.css file in the Assets folder with specific CSS targeting the product description class
Both solutions involve accessing the theme code editor through Online Store → Theme → Edit code. The CSS snippet provided forces the text color to black (#000) with !important to override existing styles.
Status: The discussion remains open, awaiting confirmation from the original poster on whether either solution resolved the issue.
Can you share your store URL to give a solution for this
Hi @sfeller ,
This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.
While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:
- Go to Online Store → Theme → Edit code
- Open your theme.liquid file
- Paste below code before :
Best regards,
Anthony
Hi @sfeller
This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css
.product__description.rte.quick-add-hidden {
color: #000 !important;
}
Hope you find my answer helpful!
Best regards,
Richard | PageFly