How can I change the product option font color to black using custom CSS?

Store Design
, , ,

Topic summary

Changing the product option text color to black via custom CSS on a Shopify product page.

  • Proposed solution: add a custom CSS snippet to the theme.liquid file. Steps given: Online Store > Edit Code > open theme.liquid > insert CSS just above the closing tag. The exact CSS code is not shown in the post (code block is empty), and a screenshot illustrates the result.
  • The requester shared a product link and an image for context.

Outcome: The requester confirmed the change worked perfectly after applying the instructions.

Status: Resolved. No remaining questions or disagreements. Images/screenshots are central to visualizing the result; the specific CSS content is not displayed in the text.

Summarized with AI on January 19. AI used: gpt-5.
1

Hello everyone,

I have a question regarding the product option’s font color - how can I change the color in this section to black, by making changes in the "custom CSS field?

Here is an image:

product page.png
product page.png1920×1080 327 KB

Here is a link to the product: https://www.youniqueshop.co/products/azure-frost?variant=47030255354180

Thank you in advance!

Best of wishes,

Farid Mirzayev

2

Hey @Farid117

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1693755088227.png
Moeed_0-1693755088227.png2539×1315 185 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
3

Thank you very much Moeed,

This has worked perfectly!

Best Regards,

Farid Mirzayev

4

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.