How to change the typeface of this title

Store Design
,

Topic summary

A user needed help changing the font of a product title (shown in an attached screenshot) from Arial to Times New Roman.

Solution provided:

  • Navigate to: Online Store → Themes → Edit Code
  • Locate the CSS file (typically theme.css, base.css, or styles.css in the Assets folder)
  • Add or modify the CSS rule for the title class:
.product__title {
  font-family: "Times New Roman", Times, serif !important;
}
  • Use !important if the font doesn’t change due to conflicting styles

Status: Resolved. The user confirmed the solution worked successfully.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

Hello friends, how can I change the typeface of this title? As example from Arial to Times New Roman?

1.png
1.png694×366 32 KB

2

Hey @NikosBat ,

To change the typeface (font) of that title — like from Arial to Times New Roman — you’ll need to update the CSS of your Shopify theme (or whichever platform you’re using).

Here’s a general guide to do it:

Follow these steps:

  1. Online Store

  2. Themes

  3. Edit Code

  4. Look for your CSS file — usually under:

  5. Assets/theme.css Assets/base.css or Assets/styles.css

  6. Add or modify the CSS rule Let’s say the class is .product__title. You can add:

.product__title {
  font-family: "Times New Roman", Times, serif !important;
}

Use !important if the font isn’t changing due to higher-specificity styles.

If you’re unsure about the class name, feel free to share a snippet of your theme code or tell me which theme you’re using — I’ll guide you to the exact spot.

Best,

RAjat

Shopify Expert

1 Like
3

Hello Rajweb, thank you very much that has solved my problem!