Styling Products names in the shop page

Hi,

I want to style and format the products names in the shop page.

for example; if the product name is:

“Product 1 – color and code”

I want the first part “product 1” to be bold and in size 12 or 14; and the second part “color and code” to be in smaller font size 10.

How can I do that please?

Also if I can style the same in each product page.

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Theme Settings > Typography > Advanced > Choose the Product Grid title from drop down and change the Typography settings.
https://ibb.co/G9tz7p8

Best Regards.

Hello,

Thank you for your reply.

I tried the solution you have suggested. However, it applies the effect to all the title.

However, as I mentioned in my previous example:

if the product name is: “Product 1 – color and code”

I want the first part “product 1” to be bold and in size 12 or 14; and the second part “color and code” to be in smaller font size 10.

So the output will be something like this: Product 1 – color and code

I want to apply Bold effect to half of the Product Grid title and to apply Thin effect to the second half.

Is that Possible?

By the way, the image you have attached in your reply does not load.

Best Regards

Hello,

So do you want to apply the style some of the products not on all of the products titles?

Best Regards.

hello,

No. Not for different groups of products.

I want to apply it to the product title itself .

Please have a look at the attached example.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry but there is no option in Theme Settings available for that.

It requires customizations and this is beyond our limitations and support policy.

Regards.
Xtemos Studios

[Author]

Posts