Focal Theme: Collection Page Product Titles Won't Bold

Solved
exoneon
Tourist
20 0 2

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.

 

 

exoneon_0-1692350521288.png

Focal Updated Theme

 

exoneon_1-1692350604881.png

Previous Version

 

Best Regards.

Accepted Solution (1)
Hardik29418
Shopify Partner
2806 401 1065

This is an accepted solution.


Please go to Online store -> themes -> Edit theme -> Layout -> theme.liquid and paste this code before </head>

<style>
product-list .product-list__inner product-item .product-item-meta__title {
font-weight: 700 !important;
}
</style>

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

View solution in original post

Replies 5 (5)
Hardik29418
Shopify Partner
2806 401 1065

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.

exoneon
Tourist
20 0 2

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.

 

Hardik29418
Shopify Partner
2806 401 1065

This is an accepted solution.


Please go to Online store -> themes -> Edit theme -> Layout -> theme.liquid and paste this code before </head>

<style>
product-list .product-list__inner product-item .product-item-meta__title {
font-weight: 700 !important;
}
</style>

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

exoneon
Tourist
20 0 2

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

 

 

Moeed
Shopify Partner
3042 757 919

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 </body> tag

<style>
a.product-item-meta__title {
    font-weight: bold;
}
</style>

RESULT:

Moeed_0-1692353626378.png

 

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

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️