Change font on product page

  • Unknown's avatar
    rnursebc · Member ·

    Hi, the font on my product pages needs to change. Right now it’s big and unattractive. Please let me know how to change the font on my individual product pages without having to edit all of the font on the entire theme

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    james3265166 · Member ·

    You can target your product pages specifically by adding custom code to your site’s CSS. This allows you to shrink the font or change the style only on those pages while keeping your blog and homepage exactly as they are.To fix this, go to Appearance > Customize > Additional CSS and paste this:

    /* Change font size for Product Titles */.single-product .product_title { font-size: 24px; font-family: ‘Helvetica’, sans-serif; /* You can change the font name here */}/* Change font size for Product Descriptions */.single-product .woocommerce-product-details__short-description, .single-product .woocommerce-Tabs-panel–description { font-size: 16px; line-height: 1.5;}

    By using the .single-product prefix, you ensure these rules only apply to your WooCommerce product pages. You can adjust the px numbers until the text looks attractive to you. If you have a specific font in mind that your theme already supports, just type its name into the font-family line.

Log in or create an account to reply