Making Product Titles Bold and Bigger in Broadcast Theme (Product Grid)

Solved

Making Product Titles Bold and Bigger in Broadcast Theme (Product Grid)

giclees
Visitor
2 0 2

Hi there

 

How do I make the product title bold and larger in the product grid in Broadcast theme?

 

My site is https://www.giclees.co

 

Screen shot attached 🙂 

Screenshot 2025-01-30 at 6.44.37 AM.png

 

Accepted Solution (1)

Moeed
Shopify Partner
6736 1820 2202

This is an accepted solution.

Hey @giclees 

 

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>
.product-item__info p.product-item__title {
    font-weight: 600 !important;
    font-size: 20px !important;
}
</style>

RESULT:

Moeed_0-1738219948540.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!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 6 (6)

Moeed
Shopify Partner
6736 1820 2202

This is an accepted solution.

Hey @giclees 

 

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>
.product-item__info p.product-item__title {
    font-weight: 600 !important;
    font-size: 20px !important;
}
</style>

RESULT:

Moeed_0-1738219948540.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!

- Custom Design | Advanced Coding | Store Modifications


giclees
Visitor
2 0 2

That worked great - thanks a lot!

Moeed
Shopify Partner
6736 1820 2202

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Tech_Coding
Shopify Partner
514 132 131

Hello @giclees 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   .product-item__info p.product-item__title {
       font-weight: bold !important;
       font-size: 22px !important;
    }
</style>
RESULT:

Tech_Coding_0-1738220054336.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

Rahul_dhiman
Shopify Partner
740 143 150

Hello @giclees 

 
Go to online store ----> themes ----> actions ----> edit code ----> theme.css
add this code at the end of the file and save.

 

.product-item__title {
font-weight: 600;
font-size: 20px !important;
}​

result
193.png

 

If this was helpful, hit the like button and accept the solution.
Thanks
Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

ZestardTech
Shopify Partner
6069 1087 1457

Hello @giclees,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:

 

span.bss_pl_text_hover_text.bss_pl_text_hover_link_disable {
    font-size: 20px !important;
    font-weight: 600;
    letter-spacing: 1px;
}

 

ZestardTech_0-1738220166055.png

Note : You can change the css values according to your requirements.


Let me know if you need further assistance!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing