How can I change the font of my shop product titles?

Hi

I used CSS to make changes to my site for all headings, and that's been working great. UNTIL I started to add products to my shop and when I click into each product the title is MASSIVE and overlapping and a nightmare.

Can anyone help? I've tried in styles and some other css but not managed to find a solution yet.

Any advice greatly received.

Thanks

I would try this CSS and play around with the number:

.ProductItem .ProductItem-details h1.ProductItem-details-title {font-size: 1.5em;}

On 4/8/2023 at 1:20 AM, catebligh said:

I would try this CSS and play around with the number:

.ProductItem .ProductItem-details h1.ProductItem-details-title {font-size: 1.5em;}

 

Ah thank you for the suggestion but I couldn't get it to work. Can I literally copy and paste that line of CSS into the next available line in my CSS editor window? Or does it need breaking up / inputting on different lines?

On 4/11/2023 at 7:41 PM, LilithTrembles said:

Ah thank you for the suggestion but I couldn't get it to work. Can I literally copy and paste that line of CSS into the next available line in my CSS editor window? Or does it need breaking up / inputting on different lines?

 

Can you share link to product? We can check easier

On 4/14/2023 at 10:57 AM, tuanphan said:

Can you share link to product? We can check easier

Hi yes here's the link, I'd be grateful for any help https://www.deadgood.org/shop/p/dead-good-earthaware-organic-spring-tote

THANKS! 

11 hours ago, tuanphan said:

Add this to Design > Custom CSS

h1.pdp-details-title {
    font-size: 2.5rem !important;
}

 

OMG it worked I could cry with joy and gratitude. Thank you so much you absolute legend!

How do I change the font of my product titles to a custom font?  I have already imported the font and use it throughout my website (Goudy Medieval Font).  Thanks so much!

On 8/19/2023 at 12:46 AM, spiralbloomherbal said:

How do I change the font of my product titles to a custom font?  I have already imported the font and use it throughout my website (Goudy Medieval Font).  Thanks so much!

You can add font-family attribute

If it doesn't work, please share site url, we can give exact code