Changing All Caps for Headings 3 and 6 to regular sentence case in Responsive Theme

Topic summary

Goal: change H3 and H6 in the Shopify Responsive theme from automatic all caps to normal casing.

Key solutions provided:

  • Page-specific fix: add a CSS rule targeting the section with the all-caps text (e.g., #shopify-section-… .container h3 { text-transform: capitalize; font-size: 28px !important; }) at the end of Assets > styles.scss.css. This affects only that element/section and allows font-size adjustment.
  • Site-wide fix: add a global rule in Assets > styles.scss.css: h3, .h3, h6, .h6 { text-transform: capitalize !important; } to apply across the entire site.

Note: text-transform: capitalize capitalizes the first letter of each word (title case), which differs from strict “sentence case.” The original poster confirmed the global solution worked.

Status/outstanding items:

  • A new participant asked where to add the code, how to remove per-word auto-capitalization (i.e., revert to normal casing), and how to standardize fonts across the site. No response yet; the thread remains open on these follow-ups.

Media: a screenshot mockup was shared to illustrate the desired look.

Summarized with AI on January 1. AI used: gpt-5.

@brandunleashed - it might be happening due to css, can you please share this page link where you have them in all caps?