Change font size/case of product option titles

We need help changing the font case of the product options on our product pages. We use an app called Gift Ship to add more product options to the product pages, but they show in all caps which is not user-friendly.

Example: The options I am talking about take a moment to load.

https://www.giftsmack.ca/collections/holiday-gifts-2022/products/true-north-gift-box

1 Like

Hi @karling

Try the code below.

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the theme.css
  3. Paste the code below at the very bottom of the file.
h1.h2.product-single__title {
    text-transform: capitalize;
}

Thank you for your help! That did not change the titles I need. I should clarify - see photo - Example: “Hold for holidays…” these product options please.

Hello @karling

I see this conflict width code from theme

You can follow these steps:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file, paste the below code before

However, this text cannot be self-corrected by the code because it is already in uppercase when entered.

Kind & Best regards,
GemPages

Thank you, I will try this! Can you please paste the code into a message for me to copy?

@GemPages Can you please write the code in the messages? I want to copy and paste exactly. Thank you!

Hello @karling

This is my flaw


Kind & Best regards,
GemPages Support Team