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
3391 397 784

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. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
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
3391 397 784

@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. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Zworthkey
Shopify Partner
3391 397 784

@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. & Want to know more .Email us: sales@zworthkey.com

PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Designing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Natztech
Shopify Partner
2238 565 1385

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