Changing text colour of the first nav item and the last

Store Design
, , , ,

Topic summary

Changing the color of specific navigation links in the Expanse theme (Shopify): the first item (“Mother’s Day”) to pink and the last item (“Last chance”) to red on dibor.co.uk.

Proposed solution:

  • Navigate to Online Store > Edit Code.
  • Open theme.liquid.
  • Paste a custom code snippet just above the tag.
  • A screenshot was provided showing the visual result; the exact code content is not visible in the excerpt.

Outcome:

  • The initial change worked (acknowledged by the store owner), presumably for the first nav item (“Mother’s Day”).

Open question:

  • The store owner asked how to adjust the code to change the “Last chance” item to red. The follow-up code snippet is not shown, so the exact selector or change required remains unclear.

Status: Partially resolved. The method to implement the first change is confirmed; clarification is still needed on targeting the last nav item. Attachments (screenshot) illustrate results but code details are missing.

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

Hello,

I would like to change the colour of the first nav item and the last, can anyone advise how this could be achieved?

We are using the expanse theme, and this is our site:

https://dibor.co.uk

I want to change the Mother’s day text to ‘Pink’, and the last chance text to ‘Red’

2

Hey @KieranDibor

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-1708517199510.png
Moeed_0-1708517199510.png1892×876 322 KB

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

Best Regards,
Moeed

3

Thank you, that works, for the last chance to change would I change the code to be: