Change arrows?

Store Design
, , ,

Topic summary

A user seeks help changing the navigation arrows on their product page from one style to another (images provided showing the desired before/after appearance).

Solution Provided:

  • Access Online Store → Edit Code → theme.liquid file
  • Insert custom CSS code just above the closing </body> tag
  • The code snippet targets arrow styling (specific CSS details included in the response)

Outcome:
The original poster responded with a thumbs-up emoji, suggesting the solution was successful. The issue appears resolved.

Summarized with AI on November 6. AI used: claude-sonnet-4-5-20250929.
2

Hi @Ryan1998

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code just above tag

theycallmemakka_0-1723913701899.png
theycallmemakka_0-1723913701899.png1890×716 91.2 KB

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

1 Like