How to change product Title size on homepage and on product page.

[luigipraba]

Hello everyone, can't seem to find solutions that aren't outdated.

How do i change the product title size on homepage and on the product page, without one affecting the other?

Dawn 10.0

[Made4uo-Ribe]

Hi @luigipraba ,

I just like to ask clearly you just want to change the title size of the products? Not including the headings or other Text? Sorry Im a bit confuse. If you wouldnt mind can you share your URL website? with password if its protected. Thanks!

[luigipraba]

Yes i was referring to the Title size of the product both on the homepage (when looking at the featured collection)

And changing it on the product page: 

But without one affecting the other.

If it is easy enough i would like of course to be able to change the heading and description of the featured collection, but the main question was about  the title size.

[Made4uo-Ribe]

Yeah I understand. Try this. 

.card__information h3#title-template--19204607607114__03e6f0dc-fb74-4534-9326-6bbe710d0c17-8451653140810 {
    font-size: 30px;
}

Result:

I hope it help. 

[luigipraba]

What about on the normal product page? When you click on the product and get to its page.

Also where do i put the code?

[PageFly-Richard]

Hi @luigipraba 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.card__heading {
    font-size: 30px !important;
}
.product__title {
    font-size: 30px !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly