Make first item on my navigation bold?

admets
Visitor
2 0 0

Hi! I've been trying to make the first item on my menu navigation bold and red, however, my old solution id do for SCSS files won't work with our new CSS theme file. Can anyone please help me out? 

store url: https://juicebeauty.com/

Thanks

Replies 5 (5)

Zworthkey
Shopify Partner
5581 642 1565

Hii, @admets 
Paste this code on top of the theme.scss file.

ul.HorizontalList.HorizontalList--spacingExtraLoose .HorizontalList__Item:nth-child(1) {
    font-weight: bolder !important;
}

Thank You.

admets
Visitor
2 0 0

Thank you so much for your help! I noticed this also makes "Skincare Regimens" red. Any chance you could pleasee help me make thhe "skincare Regiments" section bold and not red, but keep Holiday bold and red? 

 

Thank you again! 

Screen Shot 2021-11-11 at 10.13.15 PM.pngred 

Zworthkey
Shopify Partner
5581 642 1565

@admets 
Remove the previous code which I have given you.
THank You.

Zworthkey
Shopify Partner
5581 642 1565

@admets 
Paste this code on top of the theme.scss file.

ul.HorizontalList.HorizontalList--spacingExtraLoose .HorizontalList__Item:nth-child(1) a {
    font-weight: bolder !important;
}

Thank You.

Kinjaldavra
Shopify Partner
2302 570 1422

hello @admets 

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

ul.HorizontalList.HorizontalList--spacingExtraLoose .HorizontalList__Item:nth-child(1) a {
    font-weight: bold !important;
    color:#ff0000 !important ;
}

.HorizontalList__Item:nth-child(2)  .MegaMenu .MegaMenu__Inner .MegaMenu__Item.MegaMenu__Item--fit:nth-child(2)   .Linklist .Linklist__Item:nth-child(1) a {
    font-weight: bold !important;
}