Change color of a single link in navigation

Store Design
1

I’m using the Debut theme and would like to change the “sale” link in my navigation to be bold, and red on both desktop and mobile.

Site is www.trinketbk.com

Thanks!!

2

HI @erika71690 !

Shouldn’t be hard, go to your theme.scss & add the following CSS Code:

#SiteNav > li:nth-child(7) > a > span {
    font-weight: bold;
}

Keep in mind that the seventh Menu will always be bold, just for you to know if want to remove it later.

Let us know!

1 Like
3

Dear @erika71690

Hope the following suggestions will help you

  • From your Shopify admin, go to Online Store > themes
  • Locate your current theme and then click Actions > Edit code
  • After that in the Assets folder, click to open your theme.scss.liquid file
  • Go to the very bottom of this file and paste the following code (You can change the color code yourself
/* Start */
.site-header nav ul li:last-child .site-nav__link .site-nav__label {font-weight: bold !important; color: red !important}
/* End*/
  • Ensure that the code was copied exactly from this guide and pasted correctly, making sure no characters or symbols are missing.
  • Save and check your theme by refreshing it.
4

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

.site-header nav ul.site-nav li:last-child .site-nav__link .site-nav__label
{font-weight: bold !important; color: red !important}
1 Like