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

Home Forums SKT Biz/Corp Theme Support Can’t set default font for H1 on Product Page title

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #206135
    Gal AssafGal Assaf
    Participant
    • Topics: 4
    • Replies: 15
    • Total: 19
    Member since: March 26, 2023

    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?

    #206136
    Gal AssafGal Assaf
    Participant
    • Topics: 4
    • Replies: 15
    • Total: 19
    Member since: March 26, 2023

    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

    #206142
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30633
    • Total: 30633
    Member since: August 16, 2013

    Hi,

    Kindly show us your website URL?

    Regards,
    Chris

    #206145
    Gal AssafGal Assaf
    Participant
    • Topics: 4
    • Replies: 15
    • Total: 19
    Member since: March 26, 2023

    medicnet.online

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

    #206147
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30633
    • Total: 30633
    Member since: August 16, 2013

    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

    #206150
    Gal AssafGal Assaf
    Participant
    • Topics: 4
    • Replies: 15
    • Total: 19
    Member since: March 26, 2023

    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?

    #206151
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30633
    • Total: 30633
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS code:

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

    Regards,
    Chris

    #206152
    Gal AssafGal Assaf
    Participant
    • Topics: 4
    • Replies: 15
    • Total: 19
    Member since: March 26, 2023

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

    #206167
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30633
    • Total: 30633
    Member since: August 16, 2013

    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

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.