Make product titles bold features collections

[Only1mrsfragili]

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 

[Farouk-dev · 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

[PageFly-Victor]

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 · 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

[Only1mrsfragili · Accepted solution]

Thank you!

[Farouk-dev]

@Only1mrsfragili You're welcome!

[chloe858]

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]

Hi @chloe858,

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

[chloe858]

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

[Farouk-dev]

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;
}

[chloe858]

Amazing! That worked, thank you so much!!

[Farouk-dev]

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