How to change Button Text in purchased theme

[Hugobrunto]

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". 

[Moeed · Accepted solution]

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 </body> tag

<style>
.badge.sold-out:after {
    visibility: visible !important;
    background: rgb(var(--color-base-accent-2));
    content: "Add Text Here" !important;
    padding: .8rem 1.3rem !important;
}
.badge.sold-out {
    visibility: hidden;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Moeed · Accepted solution]

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 </body> tag

<style>
.badge.sold-out:after {
    visibility: visible !important;
    background: rgb(var(--color-base-accent-2));
    content: "Add Text Here" !important;
    padding: .8rem 1.3rem !important;
}
.badge.sold-out {
    visibility: hidden;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Hugobrunto]

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

[Aatiqa · Accepted solution]

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 </body>

<style>
.badge.sold-out:after {
    visibility: visible !important;
    content: "Text" !important;
    background: rgb(var(--color-base-accent-2)) !important;
    padding: .8rem 1.3rem !important;
}
.badge.sold-out {
    visibility: hidden;
}
</style>

Result:

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

[Hugobrunto]

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

[Hugobrunto]

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?