Focal Theme: Collection Page Product Titles Won't Bold

Technical Q&A
, , , ,

Topic summary

A user updated their Focal theme to the latest version and migrated settings from the old version. After the update, attempting to bold product titles on collection pages and featured collections no longer works as expected. When bolding the heading font, the change doesn’t apply to product titles, but bolding the body font affects multiple elements simultaneously (price, product title, and product description body).

Proposed Solutions:

Two community members offered CSS-based fixes:

  • Solution 1: Add custom CSS code in theme.liquid file before the </head> tag
  • Solution 2: Insert CSS code in theme.liquid file above the </body> tag

The original poster confirmed that adding the CSS through the theme customizer’s custom CSS section successfully resolved the issue.

Status: Resolved through custom CSS implementation.

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

Hello Everyone,

I’ve recently updated the Focal theme to the latest version and successfully imported both index.json and setting.json from the old version to the new.

I’m attempting to bold the product titles on the collection page and in the featured collection. However, when I bold the heading font, the change doesn’t reflect. If I bold the body font, it affects the price, product title, and product description body simultaneously.

The Focal Updated Theme
The Focal Updated Theme1920×727 251 KB

Focal Updated Theme

exoneon_1-1692350604881.png
exoneon_1-1692350604881.png1888×725 267 KB

Previous Version

Best Regards.

2

Hello,

Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.

3

Sure sir.

Here is the preview of unpublished updated theme:

https://1xywoovdn0033xji-60063187116.shopifypreview.com/

and the preview of published current theme:

https://orantneon.com

Best Regards.

4

Please go to Online store → themes → Edit theme → Layout → theme.liquid and paste this code before

If it was helpful, then please like and accept it as a solution.

5

Hey, thanks. I have just inserted in Custom CSS from customize and it has worked.

1 Like
6

Hey @exoneon

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1692353626378.png
Moeed_0-1692353626378.png1901×572 198 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed