How can I automatically convert text into math?

Store Design

Topic summary

A user seeks to automatically convert text into mathematical formatting on their online store. The specific text requiring conversion is highlighted in yellow in an attached screenshot.

Solution provided:

  • Navigate to Online Store → Theme → Edit code → Assets
  • Add CSS code: text-transform: math-auto !important; to the .smallcaps class
  • Insert this code at the bottom of the theme.css file

The original poster confirmed the solution was helpful. The discussion appears resolved with a working CSS-based approach for the text transformation.

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

admintb_0-1683883065399.png
admintb_0-1683883065399.png1476×1861 69.7 KB

2

Hello @admintb

Which text do you want to change?

3

@oscprofessional The text is yellow marked

4

Hello @admintb

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

.smallcaps {
    text-transform: math-auto !important;
}
1 Like
5

@oscprofessional Thank you!

1 Like