FROM CACHE - en_header

Make first item on my navigation bold?

admets
New Member
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 1524

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
New Member
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 1524

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

Zworthkey
Shopify Partner
5581 642 1524

@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 569 1408

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;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp