How can I bold 'NEW!' text in Boost theme navigation?

Store Design
1

Hello,

I’m using the Boost theme and wanted to know if someone could tell me how to bold just the NEW! text in my navigation. Please see the attachment.

Thanks!

Chris

1 Like
2

Hi,

Please provide your website so we can take a look. Thank you

3

It is still in preview mode

https://e8epui4g6gxvqr1g-8166077.shopifypreview.com

1 Like
4

Hi @cgregori ,

Please delete the //NEW!, so I can replace it with the code below. It looks like your font is already bold or no available bold. I did change the font-size and color instead so it will stand out

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the styles.css
  3. Paste the code below at the very bottom of the file.
.mega-dropdown__subitem:nth-child(6) > a.site-nav__link.site-nav__dropdown-link::after {
    content: "NEW!";
    font-weight: bold;
    color: red;
    font-size: 18px;
    margin-left: 10px;
}

.mega-dropdown__subitem:nth-child(7) > a.site-nav__link.site-nav__dropdown-link::after {
    content: "NEW!";
    font-weight: bold;
    color: red;
    font-size: 18px;
    margin-left: 10px;
}