Solved

Changing text colour of the first nav item and the last

KieranDibor
Tourist
12 2 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'

Accepted Solution (1)

Moeed
Shopify Partner
3689 930 1161

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 2 (2)

Moeed
Shopify Partner
3689 930 1161

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 developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
KieranDibor
Tourist
12 2 1

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>