Thank you!
Topic summary
Product descriptions show inconsistent typography across products; the issue is mainly different fonts (not sizes). The store’s preferred font is Akko, set in theme settings, but some descriptions retain their own styling.
Diagnosis: Some product description text carries embedded formatting from when it was entered (likely pasted content), causing mixed fonts within the same section.
Attempted fixes:
- Add CSS in theme.liquid to set .product__description font-family and size; no visible change.
- Create a new CSS asset and target .product-single__description; unclear impact.
- Working approach suggested: edit base.css and target nested spans within descriptions to override embedded styles using !important.
Suggested actions:
- Manually clean formatting in each product description within the admin.
- Add CSS override in base.css: target .product__description span and force font-family Akko and a uniform font-size (e.g., 1rem) with !important.
Latest update: The override successfully changed the font for at least one user, but font size remains inconsistent across all products. Further adjustment to ensure font-size applies to all nested elements may be needed.
Notes: Code snippets are central; CSS (!important) forces overrides of inline styles. Discussion remains open regarding uniform font size.