How to change Button Text in purchased theme

Store Design
,

Topic summary

A user seeks help changing button text in a purchased Shopify theme called “Iris,” which lacks a direct option in Theme Settings.

Solutions Provided:

  • Two community members (Moeed and Aatiqa) offered identical solutions involving custom CSS code
  • Instructions: Navigate to Online Store → Edit Code → theme.liquid file, then insert specific CSS code above the </body> tag
  • The code targets button text modification through custom styling

Current Status:

  • Initial implementation appeared successful on desktop
  • New issue emerged: The code causes display problems on mobile devices
  • User has shared a screenshot showing the mobile rendering issue
  • Discussion remains open, awaiting a fix for the mobile compatibility problem

Note: The conversation includes code snippets and image attachments demonstrating both the solution steps and the resulting mobile display issue.

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

Hi,

There a so many enthusiasts and wonderful people here that’s willing to help. I’m blessed!

So I’m looking for a solution to access and edit this button text? Anyone know how??

I use a purchased theme named “Iris”. There’s no option to change that text directly from “Theme settings”.

Skärmavbild 2024-08-15 kl. 15.05.48.png
Skärmavbild 2024-08-15 kl. 15.05.48.png2880×1800 718 KB

2

Hey @Hugobrunto

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1723741717936.png
Moeed_0-1723741717936.png392×602 120 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Kindly, follow the below steps to fix your problem:

  1. From your Shopify admin dashboard, Go to Online Store
  2. Choose the theme which you wanna edit and click on Edit Code
  3. Add this code in the end of theme. liquid file above

Result:

Aatiqa_0-1723741744995.png
Aatiqa_0-1723741744995.png731×971 318 KB

If I was able to help you and my solution worked well for then, please don’t forget to Like it and Mark it as Solution.

Best Regards,
Aatiqa

4

Wow thank you so much!! It worked perfectly!!

5

Thanks for your help! I’m sure it will work perfect. Thanks for putting your time into this.

6

Hi again Aatiqa,

I’m sorry to say that this is what your code looks like on the mobile now. Is there a way to fix this also?

IMG_0442.jpeg
IMG_0442.jpeg828×1792 107 KB