Make product titles bold features collections

Solved

Make product titles bold features collections

Only1mrsfragili
Trailblazer
154 3 37

Hello,

 

can someone please tell me how to make the product titles bold on the home page as well?  

my store url is Projects817.com 

D513AC38-1FB8-4EC5-B919-348B13F8DE83.png

 

Accepted Solutions (2)

Farouk-dev
Shopify Partner
146 24 28

This is an accepted solution.

Hi @Only1mrsfragili,

 

To make product titles bold, follow these steps below:

 

1. From your Admin Page, click Online Store > Themes >Actions > Edit code

2. In the Asset folder, open the styles.css

3. Paste the code below at the very bottom of the file.

 

 

.product-details span.title {
    font-weight: bold !important;
}

 

 

If this post solves the issue, please mark it as solution and leave a like.

Thank you

If this message was helpful, please mark it as a solution and give it a thumbs up. For more theme customisations, just send me an email at kadduf6@gmail.com

View solution in original post

Only1mrsfragili
Trailblazer
154 3 37

This is an accepted solution.

Replies 10 (10)

PageFly-Victor
Shopify Partner
7865 1785 3076

Hi @Only1mrsfragili !

 

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

 

You will have to go in code editor then you need to select collection.liquide file then find a class name from your theme for the text and please use this code at the bottom of the page;

 

<style>
.classname{
font-weight:bolder;
font-size: 20px!important
}

</style>

 

Best Regards;

Pagefly

Farouk-dev
Shopify Partner
146 24 28

This is an accepted solution.

Hi @Only1mrsfragili,

 

To make product titles bold, follow these steps below:

 

1. From your Admin Page, click Online Store > Themes >Actions > Edit code

2. In the Asset folder, open the styles.css

3. Paste the code below at the very bottom of the file.

 

 

.product-details span.title {
    font-weight: bold !important;
}

 

 

If this post solves the issue, please mark it as solution and leave a like.

Thank you

If this message was helpful, please mark it as a solution and give it a thumbs up. For more theme customisations, just send me an email at kadduf6@gmail.com
Only1mrsfragili
Trailblazer
154 3 37

This is an accepted solution.

Thank you!

Farouk-dev
Shopify Partner
146 24 28

@Only1mrsfragili You're welcome!

If this message was helpful, please mark it as a solution and give it a thumbs up. For more theme customisations, just send me an email at kadduf6@gmail.com
chloe858
Tourist
10 0 2

Hi - I am wanting to make my product titles be bold on my product collection pages as well and I tried to follow your steps but I do not have a styles.css section under my assets. Do you know why that is or another way to make the titles bolded? thank you!

Farouk-dev
Shopify Partner
146 24 28

Hi @chloe858,

Sure, can you post your store url so I can have a look?

 

If this message was helpful, please mark it as a solution and give it a thumbs up. For more theme customisations, just send me an email at kadduf6@gmail.com
chloe858
Tourist
10 0 2

https://markcooleyphotography.com/ here is the url. Thank you

Farouk-dev
Shopify Partner
146 24 28

Hey @chloe858,

 

Here you go. To have bold product titles on this page https://markcooleyphotography.com/collections/all-prints follow these steps...

 

1. From your Admin Page, click Online Store > Themes >Actions > Edit code

2. In the Asset folder, open the theme.css

3. Paste the code below at the very bottom of the file.

 

.grid-product__title {
    font-weight: bold !important;
}

 

If this message was helpful, please mark it as a solution and give it a thumbs up. For more theme customisations, just send me an email at kadduf6@gmail.com
chloe858
Tourist
10 0 2

Amazing! That worked, thank you so much!!

Farouk-dev
Shopify Partner
146 24 28

Glad I could help!
@chloe858 Could you mark this as a solution as well?

 

If this message was helpful, please mark it as a solution and give it a thumbs up. For more theme customisations, just send me an email at kadduf6@gmail.com