• 

  Vipin Saini

  Participant

  May 6, 2025 at 09:21

  Hi team,

  can we make change the font in product name in single product page as i marked in screenshot. like one word in another font and rest in another font.

  Files is visible for topic creator and
  support staff only.

  #442804 Copied Theme version: 9.4.10
  5 Answers
  

  Vipin Saini

  Participant

  May 6, 2025 at 10:39

  here the screenshot of single product page where we want to change the font style in first 3 word large and rest word in italic small

  Files is visible for topic creator and
  support staff only.

  #442824 Copied
  

  Luca Rossi

  Support staff

  May 6, 2025 at 12:21

  Dear @Vipin Saini,

  You can try with this solution:

  1. Add b tag to your product title: https://tinyurl.com/2xlrez96.

  2. Add this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

  
  .product_title b {
      font-weight: 900 !important;
      font-style: italic !important;
      font-size: 60px !important;
  }
  

  Kind regards,
  The 8Theme Team

  #442835 Copied
  

  Vipin Saini

  Participant

  May 6, 2025 at 13:04

  hi team

  thankyou for your reply!

  if i have the product name is ” ||ROOTS|| Drape Napkin Vayu

  so i want “||ROOTS||” in BOLD in larger
  and Drape Napkin Vayu in italic in smaller.

  as i shown in screenshot,

  Files is visible for topic creator and
  support staff only.

  #442904 Copied
  

  Luca Rossi

  Support staff

  May 6, 2025 at 17:59

  Hi @Vipin Saini,

  Please remove the previous CSS code and add this custom CSS code instead:

  .single-product h1.product_title {
      font-style: italic;
      font-size: 40px !important;
  }
  
  .single-product h1.product_title b {
      font-weight: bold;
      font-size: 60px !important;
      font-style: normal;
  }

  https://tinyurl.com/22tw984b

  Hope it helps!

  #443106 Copied
  

  Vipin Saini

  Participant

  May 12, 2025 at 10:15

  Thanks for the support! My topic “can we change the fonts in product name in Bold and italic at single product page” has been successfully resolved.

  #443893 Copied
• Viewing 6 results - 1 through 6 (of 6 total)