Changing text colour of the first nav item and the last

Solved

Changing text colour of the first nav item and the last

KieranDibor
Excursionist
15 2 4

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'

Accepted Solution (1)

Moeed
Shopify Partner
6735 1820 2202

This is an accepted solution.

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 </body> tag

<style>
.site-nav__item:first-child summary {
    color: pink !important;
}
</style>

RESULT:

Moeed_0-1708517199510.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 2 (2)

Moeed
Shopify Partner
6735 1820 2202

This is an accepted solution.

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 </body> tag

<style>
.site-nav__item:first-child summary {
    color: pink !important;
}
</style>

RESULT:

Moeed_0-1708517199510.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


KieranDibor
Excursionist
15 2 4

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

<style> .site-nav__item:last-child summary { color: red !important; } </style>