How to change ONLY one drop down arrow color on DAWN

Store Design
, , ,

Topic summary

A user seeks to change the color of a specific dropdown arrow in the Dawn theme, rather than modifying all dropdown arrows globally.

Proposed Solution:

  • Navigate to Online Store ā†’ Theme ā†’ Edit code
  • Open the theme.liquid file
  • Insert custom CSS code before the closing tag

The response appears corrupted with reversed/garbled text, but the general approach involves:

  • Using targeted CSS customization
  • Modifying theme files directly
  • Applying styling to a specific dropdown element rather than theme-wide changes

Status: The solution remains incomplete due to formatting issues in the provided code snippet. The user would need clarification on the exact CSS selectors and properties to target the individual dropdown arrow.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.
1

I want to specifically change the color of one drop down arrow on DAWN

as shown on this image

Screenshot 202f-03-26 142515.png

2

Hi @Argi ,

This is Victor from PageFly - Landing page builder, Iā€™d like to suggest this idea for solution:

Step 1. Go to Online Store ā†’ Theme ā†’ Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like