Changing color of sale on main menu

[agafloor]

Hello,

We're busy setting up the sale section on our website and would like the sale link on our main menu to be red. Does anyone know where exactly to paste what code in the parallax theme?

Thanks in advance!

www.agacolor.com

[Jasoliya]

Hi @agafloor 

Follow this:

Add this css in Asset->theme.scss file at bottom

ul.menu.align_left >  li:last-child > a{ color:red;}

Note: this is fast solution so keep sale menu at last position other wise it lost css

[agafloor]

@Jasoliya 
Thank you dor replying! However there is no theme.scss in my assets folder or anywhere else. Are there any other places where I could add it?

[Jasoliya]

If you have no theme.scs file then you can add in and main css file in asset

[agafloor]

alright, i've managed to add it to the styles.scss, thanks.

The color is now red on the homepage but not if I'm on any other page. Is there a way to ensure it's always red?

[Jasoliya · Accepted solution]

Change with this css, that's because of other css override

ul.menu.align_left>li:last-child>a {
    color: red !important;
}

[ajoc]

Hi Jasoliya,

I am hoping you can please help. I would also like to make 'SALE' in my navigation red temporarily. However Sale is currently a nested item under 'shop'. Is it possible to use the same solution?

Thanks so much.

Alison 

[Jasoliya]

send your store url 

[ajoc]

www.kitx.com.au

Thanks so much.

[Jasoliya]

Add this color in asset->theme.scss file  at bottom:

.dropdown_links [href="/collections/sale"]{color:red !important}