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
2562 308 641

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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
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
2562 308 641

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

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Zworthkey
Shopify Partner
2562 308 641

@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.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Natztech
Shopify Partner
2236 565 1373

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