Can’t set default font for H1 on Product Page title

[Gal Assaf]

Hey,

I’m trying to make a default font for H1 titles specifically on the product page and It keeps changing automatically after I set the font I want

Doing it from the front theme customizer, going to the Typography and on the H1 changing it to “Assistant” font
After I’m hitting the Publish button it doesn’t save the Assistant and changes to a different font for some reason.

Can you assist me with that?

[Gal Assaf]

Additionally, can you help me somehow make the site Logo on MOBILE view in the center, currently it is attached to the top header, looking weird

Thanks
Gal

[Sonnal S Sinha]

Hi,

Kindly show us your website URL?

Regards,
Chris

[Gal Assaf]

medicnet.online

Ohhhh… sorry I’m always forgetting to add the website!!!

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width: 767px) {
.logo { padding-top: 20px !important;}
}
.woocommerce div.product .product_title {
  font-family: Assistant !important;
}

Regards,
Chris

[Gal Assaf]

Hey,

Logo issue on Mobile – Fixed!
Thanks

Regarding the font issue, the code you attached didn’t help for some reason.

I’ve added this code to the Header.php file Added after the </head> and the issue was solved.

<style>
@import url(‘https://fonts.googleapis.com/css2?family=Assistant&display=swap’);

body.woocommerce div.product .product_title {
font-family: ‘Assistant’, sans-serif !important;
}
</style>

Can you please confirm that this is ok to add?

[Sonnal S Sinha]

Hi,

Kindly use this CSS code:

body.woocommerce div.product .product_title {
font-family: ‘Assistant’, sans-serif !important;
}

Regards,
Chris

[Gal Assaf]

The new code you attached isn’t working when I’m adding it to the Basic = CSS Custom section

[Sonnal S Sinha]

Hi,

Can you send us the screenshot after adding the custom CSS? Upload your screenshot on https://imgbb.com/ and paste the share url here.

Regards,
Chris

[Author]

Posts