Hello, i would like to make the title of my products bold. How do i do this?
Topic summary
A user wants to make product titles appear bolder on their store. Another participant notes the title already appears bold but provides CSS code to increase the font weight further.
Solution provided:
- Navigate to: Sales Channels → Online Store → Customize → Theme settings → Custom CSS
- Add CSS targeting mobile screens (max-width: 767px) to set font-weight to 800
- Save and hard refresh
A screenshot demonstrates the expected result with increased boldness. The discussion appears resolved with a working technical solution.
2 Likes
Hi @timelessracing .
It looks already bold to me at the moment, but if you want to make it even bolder, here’s how to do that:
- Navigate to Sales Channels → Online Store → “Customize” button → Theme settings (Gear icon on the left sidebar) → Custom CSS
- Add the following code:
@media screen and (max-width: 767px) {
gp-text h1 {
font-weight: 800 !important;
}
}
- Save (right top corner)
- Hard refresh the storefront
If done correctly, the result should be like this:
