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
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025