What's your biggest current challenge? Have your say in Community Polls along the right column.

Focal Theme: Collection Page Product Titles Won't Bold

Solved

Focal Theme: Collection Page Product Titles Won't Bold

exoneon
Tourist
33 0 3

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
2913 418 1083

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.

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email

View solution in original post

Replies 5 (5)

Hardik29418
Shopify Partner
2913 418 1083

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.

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
exoneon
Tourist
33 0 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.

 

Hardik29418
Shopify Partner
2913 418 1083

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.

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
exoneon
Tourist
33 0 3

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

 

 

Moeed
Shopify Partner
6367 1725 2088

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 Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral