The custom text in add to cart button should show up now. Save the changes and check your website.Add the following code at the bottom of function.php file.Open Wordpress admin panel, go to Appearance > Theme Editor.Since styling these elements can prove to be difficult, a common approach is to use a third-party tool such as Flash or Silverlight to handle your uploading mechanism, which can permit for more freedom in terms of styling and appearance.Are you looking for a way to change the default ' Add to cart' button text in WooCommerce? This code snippet will let you change the text to ' Buy Now', ' Add to Bag', ' Book Now', or whatever custom text you like. Using a File-Based Flash, Silverlight or Other Plugin When your fake button is clicked, simulate a click of the file button $('#file').text('Your Text to Choose a File Here!') When your file input changes, update the text for your button Var fileInput = $(':file').wrap(wrapper)

Styling File Inputs through CSS and JavascriptĪnd an actual implementation might look something like this as mentioned in this.I would recommend the following tutorials which provides a common step-by-step approaches for handling this : There are several workarounds for handling some thing like this, which involves using an image or other element to overlay the area that would be your File Upload element through CSS and using Javascript to handle when the button click occurs.

Using an Image to Replace your File Input

Still a few different ways of getting around this through CSS, Javascript and a few other options.

And then, type the Html

Change button text html