hello, i would like to make my product titles bold for my product cards:
my website is www.alexandrawestbrook.com , theme is dawn
A user seeks to make product titles bold on their product cards for a Shopify store using the Dawn theme.
Multiple CSS Solutions Provided:
font-weight: 600; to .full-unstyled-link class in base.css.card__heading class in component-card.css with font-weight: bold; (recommended approach to avoid multiple renderings)a.full-unstyled-link with font-weight: bold !important; in component-card.css.card__information .card__heading with !important flagCurrent 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.
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 ![]()
HI @ads18922
To complete your requests, please follow these steps:
.card__information .card__heading, .card__information .card__heading * {
font-weight: bold !important;
}
Here is the result:
I hope this helps
Best,
Daisy
Hi, Where did you add the code?