How to Change Sold Out Text In Product List Using CSS?

I am working on a form and am wanting to change 'sold out' on the product list to 'Shift all filled'. I have searched on the internet, but cannot find the specific CSS code.

Can you please provide it to me?

Thanks.

Hi James,

Thanks for reaching out to Jotform Support. If you share the link to your form, I can check it out and help you with a solution. You can easily find your form's URL in Form Builder. Let me show you how:

1. In Form Builder, in the orange navigation bar at the top of the page, click on Publish.
2. In the Quick Share tab, click on Copy Link in the Share With Link section.

Once you share the form URL with us, we’ll be able to help you better with this.

https://www.jotform.com/build/252524947947269

https://form.jotform.com/252524947947269

Also, I am wanting to remove the amount from the auto email that is sent once the form is filled out. Is there any way I can do that?

Hi James,

To change the sold out label to Shift all filled, you can inject the custom CSS codes below. Let me show you how to do it:

1. First, copy this code:

.sold-out-label.payment-badge {

  visibility: hidden;       /* completely hide original text but keep layout & background */

  position: relative;

  display: inline-block;

  padding: 4px 10px;        /* same as original badge padding */

  background-color: #e74c3c; /* match Sold Out badge color */

  border-radius: 4px;        /* match badge rounding */

}



.sold-out-label.payment-badge::after {

  content: "Shift All Filled"; /* new label */

  visibility: visible;        /* make pseudo-element visible */

  color: white;               /* new text color */

  position: absolute;

  background-color: #4166E0;

  bottom: 10px;

  width: 100px;

  right:30px;

}

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

Here's the sample result:

Give it a try and let us know how it goes.

Thank you SO much!! That is exactly what I wanted!

Hi James,

I’ve gone ahead and moved your other question to a separate thread to keep things tidy, and someone from our Support Team will help you out with it here.

Let us know if you need any more help.