Make link in navigation bold or change colour - lorenza theme

[MareeAnnCo]

Hello,

I’d like to change the “SALE” in this mega nav to be bold and in red.

URL: www.aestas.com.au

Thanks,

Ash

[made4Uo]

Hi @MareeAnnCo ,

Please follow the instructions below,

1. Go to Admin > Online store > Themes > Actions > Edit code
2. Go to Asset folder, and open the index.css file ( or your global / common CSS file)
3. Add the code below.

#header > div.header__content > div > nav > ul > li.nav__item.nav__item-parent.nav__item-id-shop.nav__item-parent--meganav > div > div > ul > li > ul > li:nth-child(1) > ul > li.nav__item.nav__item-sale > a {
    font-weight: bold;
    color: red;
}

[MareeAnnCo]

Thanks so much for your help! I’ve pasted in that code and nothing changed unfortunately.

Would you be able to help further please?

Thanks,

Ash

[made4Uo]

Hi @MareeAnnCo ,

Are you able to share you Asset folder? It might be place in a wrong file

[LitCommerce]

Hi @MareeAnnCo ,

Go to Assets > index.css and paste this at the bottom of the file:

ul.mega-navigation .nav__item-sale .nav__link {
    color: #ff0000 !important;
    font-weight: bold !important;
}

Hope it helps!

[MareeAnnCo]

Hi @made4Uo

How do I share this with you?

Thanks,

Ash

[MareeAnnCo]

Hi @LitCommerce

Unfortunately this didn’t work for me either?

Thanks,

Ash

[LitCommerce]

Hi @MareeAnnCo ,

I checked and your CSS file is not declared correctly, you need to remove the following code, it will work fine.

[MareeAnnCo]

Thank you so much @LitCommerce that has worked!!

I had the AfterPay snippet in there as I thought that was the correct to have it show on the product pages however this does not show - do you know the correct code to get this to show on the product pages as this store accepts afterpay.

Also, is it possible to have the discounted price (that I’ve circled below) to show up in red?

Thanks so much,

Ash

[LitCommerce]

Hi @MareeAnnCo ,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.

[MareeAnnCo]

Hi @LitCommerce

I’ve had to move the sale in the main nav and just wondering if this code will still work?

I’d like “Archive Sale” to appear in bold and red.

Thanks,

Ash

[MareeAnnCo]

Nevermind about the above - I figured this out!

[MareeAnnCo]

hi @LitCommerce

Could you please let me know how to have the “SALE” here appear in red and bold here?

Thank you,

Ash

[LitCommerce]

Hi @MareeAnnCo ,

Go to Assets > index.css and paste this at the bottom of the file:

.mega-navigation__list:nth-child(3) .mega-navigation__list-heading {
    color: red!important;
}

Hope it helps!

[MareeAnnCo]

Thank you so much @LitCommerce - that worked!!!