how to make the product title and the price BOLD in my homepage

Store Design

Topic summary

A user seeks help making product titles and prices bold on their homepage, and reducing the size of an urgency message below the price. They are using the Symmetry theme.

Proposed Solution:

  • Add CSS code to theme.css or base.css files
  • The code targets .product-info .product-link for bold titles and .product-info .offer-end-date for smaller urgency text

Current Status:

  • Initial implementation unsuccessful - the original poster added the code but reported no visible changes
  • A screenshot was requested to verify correct code placement
  • Another user with the same theme later reported similar difficulties making prices bold, suggesting the solution may have eventually worked for the original poster

Unresolved:

  • The thread lacks confirmation of whether the CSS solution was successfully implemented or if alternative approaches were needed
Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

Hello, I have 2 question:

1- I’d like to make all the product title and the price in my homepage in the products collections bold.

Can you help me?

2- Is it possible to make a text smaller? It’s the urgency message below the price in the home page

I use Symmetry theme

And this is my link store: https://vitalfithlf.com/

Can you help me?

Thanks a lot

Screenshot 2024-11-27 at 19.24.09.png
Screenshot 2024-11-27 at 19.24.09.png3351×2020 613 KB

2

Hi @gbd96

You can achieve this by adding this CSS :

Just follow the steps Below:

  1. Go to online store → theme
  2. select three dots and select code edit
  3. Search for the file theme.css and base.css
  4. past that code at the end
.product-info .product-link {
    font-weight: 800;
}

.product-info .offer-end-date {
    font-size: 12px;
}​

I hope this solution worked for you!
If yes Just like this Reply and Mark it as a Solution and to keep me motivated BUY ME A Coffee

3

I’m sorry, I added the code, but I don’t see any differents, do you?

4

can you share the Screen shot where you added that code

5

Screenshot 2024-11-28 at 02.27.27.png
Screenshot 2024-11-28 at 02.27.27.png3360×2100 728 KB

6

i´m also trying to make my prices bold and i’ve used several codes and it doesn’t work, i don’t know if it has something to do with the theme, i have the same as you. I saw that you were finally able to put yours bold, can you tell me what code did you used and where? i would really appreciate it. thank you