Make the text in the Impulse theme header bold

Store Design
,

Topic summary

A user seeks to make the main navigation categories in their Shopify Impulse theme header bold.

Initial Confusion:

  • Early responses provided CSS solutions for collection item titles on the homepage, not the header navigation.
  • The original poster clarified with a screenshot showing they want the top navigation menu items (e.g., “COLLECTIONS”, “NOUVEAUTÉS”) to be bold.

Proposed Solutions:

  • Multiple contributors suggested adding custom CSS to theme files (base.css, theme.css, or styles.css).
  • The most recent solution targets header navigation items with:
.header-item header-item--navigation text-center {
  font-weight: 800 !important;
}

Status:
The discussion remains open with no confirmation from the original poster about whether the final CSS solution successfully resolved the issue.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.
1

Hello,

Here’s my website : https://www.lothaire.fr/

How could I please get the Header main categories (the ones you see before you click the categories) bold ?

2

Hi

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!

3

Hi LothaireBordeau

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

span.collection-item__title.collection-item__title--overlaid-box.collection-item__title--heading.collection-item__title--center span {
    font-weight: 600 !important;
}

Result:

LizHoang_0-1738932640270.png
LizHoang_0-1738932640270.png1161×667 534 KB

Best,
Liz

4

Hey, that’s actually great because these do look better in blod but I was taking about the text in the screencap. Sorry if I was unclear

Capture d’écran 2025-02-10 à 09.33.32.png
Capture d’écran 2025-02-10 à 09.33.32.png921×680 573 KB

5

Hello @LothaireBordeau ,

Here is the code that you can apply to make the category names in the header of the Shopify Impulse theme bold; you can add custom CSS targeting the navigation links in your file like theme.css, styles.css, or base.css:

.header-item header-item--navigation text-center {
font-weight: 800 !important;
}
6

Hello @LothaireBordeau ,

Here is the code that you can apply to make the category names in the header of the Shopify Impulse theme bold; you can add custom CSS targeting the navigation links in your file like theme.css, styles.css, or base.css:

.header-item header-item--navigation text-center {
font-weight: 800 !important;
}