How to bold a specific menu item?

[epoll24]

I am trying to make the “Buy Now” menu item bold. Can anyone help?

[imatikshaikh]

@epoll24 the most simple method, would be to find the menu item in code, add an extra class to it, let’s say “extra”

In the css file, add the entire list of classes to it and make font-weight:bold;

Could you share the URL of your site, along with the name of the theme?

[epoll24]

https://pulsedevice.com/

It uses the Dawn theme

[Kani]

Hi @epoll24

1: Online store > themes > Actions > Edit code > Assets > base.css

2: paste code at last

/*
remove it when you change menu
*/
header ul.list-menu.list-menu--inline li:nth-child(1) a, header-drawer ul.menu-drawer__menu.list-menu li:nth-child(1) a {
    font-weight: bold;
}

[KetanKumar]

@epoll24

yes, please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

a[href="/products/the-pulse-device-bundle"] {
    font-weight: bold;
    text-transform: uppercase;
}

[epoll24]

Is there a way to make it so that the “Home” button doesn’t disappear?

[epoll24]

Is there a way to make it so that the “Home” button doesn’t disappear when doing this?