make product title bold for product card

Topic summary

A user seeks to make product titles bold on their product cards for a Shopify store using the Dawn theme.

Multiple CSS Solutions Provided:

  • LizHoang: Add font-weight: 600; to .full-unstyled-link class in base.css
  • Kyle_liu: Modify .card__heading class in component-card.css with font-weight: bold; (recommended approach to avoid multiple renderings)
  • B2Bridge: Target a.full-unstyled-link with font-weight: bold !important; in component-card.css
  • DaisyVo: Use Custom CSS section in theme settings, targeting .card__information .card__heading with !important flag

Current Issue:

The user implemented a solution but reports the text isn’t as bold as shown in example screenshots. LizHoang is following up to determine which code snippet was used and where it was placed.

Status: Troubleshooting in progress to resolve the boldness discrepancy.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

hello, i would like to make my product titles bold for my product cards:

my website is www.alexandrawestbrook.com , theme is dawn

Hi @ads18922

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

.full-unstyled-link {
    font-weight: 600;
}

Result

Best,

Liz

Hi @ads18922

In component-card.css file and find this style .card__heading

It is recommended to change this in the component-card.css file to avoid multiple renderings, but of course it can be placed at the end of the base.css file.

.card__heading {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: bold;
}

Hi @ads18922 , you can follow these steps:

Step 1: Open Online Store → Themes → Edit code.

Step 2: Find component-card.css file

Step 3: Paste this code at the bottom of the file

a.full-unstyled-link {
    font-weight: bold !important;
}

If this is helpful, please let us know by giving us a like and marking it as a solution. Thank you :heart_eyes:

HI @ads18922

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
.card__information .card__heading, .card__information .card__heading * {
    font-weight: bold !important;
}

Here is the result:

I hope this helps

Best,

Daisy

mine isn’t as bold as yours, any reason why?

mine isn’t as bold as yours, any reason why?

mine isn’t as bold as yours, any reason why?

Hi, Where did you add the code?