How can I customize my product page title with personalized CSS?

[Danielpochapski]

Hey guys,

I’m trying to customize the title of my website’s product page like the style in this image below:

(website: https://cuddlesmeow.com/products/pet-repellant?_pos=1&_sid=0e605396e&_ss=r))

However, it seems that some element is missing to give the final style to my customization, and I can’t seem to finish it. Below is the image and website of my store:

https://www.smartpetshop.com.br/products/caixa-areia-higienica-semi-fechada-gatos?_pos=1&_psq=caixa+de+are&_ss=e&_v=1.0 .

I traid this code:

h2 {
font-size: 34px;
line-height: 30px;
text-shadow: 2px 2px #484159;
position: relative;
text-align: center;
margin: 0 20px;
margin-bottom: 0px;
font-family: Skrapbook;
font-weight: normal;
color: #e9b5ac;
text-transform: uppercase;
}

Thanks!

[PageFly-Richard]

Hi @Danielpochapski

This is Richard from PageFly - Shopify Page Builder App

All other styles seems working properly, the only thing missing from your site is the font-family: Skrapbook, to make this work exactly to the example site, you should have the font loaded to your site.

Hope this can help you solve the issue

Best regards,

Richard | PageFly

[Dan-From-Ryviu]

Hi @Danielpochapski

It is not only the CSS; it is the font family that the site uses.

[ZenoPageBuilder]

Hello @Danielpochapski

The sample page uses Skrapbook font

https://www.1001freefonts.com/skrapbook.font

You can follow this article to install the font on your store and use it for the heading

https://help.zenobuilder.com/en/articles/6682956-upload-custom-font-to-your-shopify-store