Shopify themes, liquid, logos, and UX
I'm using the default Shopify blog pages. At the foot of each blog is the opportunity for someone to leave a comment. However, when a user leaves a reply the text is white against a white background
What change needs to be made so that the text shows up as black?
Affected URLs: Did the Rhodesian Ridgeback Really Hunt Lions? – Hobbster, Misconceptions about large dog breeds – Hobbster, Are There Fitness Benefits To Owning a Dog? – Hobbster, Paws For Thought: Can Owning A Dog Improve Your Mental Health? – Hobbster
rgds
In section-blog-post.css you can change the color attribute to set the comment text colour.
Original Code:
.article-template__comments-comment {
color: rgba(var(--color-foreground), 0.75);
background-color: rgb(var(--color-background));
margin-bottom: 1.5rem;
padding: 2rem 2rem 1.5rem;
}
Updated Code:
.article-template__comments-comment {
color: black;
background-color: rgb(var(--color-background));
margin-bottom: 1.5rem;
padding: 2rem 2rem 1.5rem;
}
Hope this helps
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025