Responsive Classic (built in to Zen Cart v1.5.5) [Support Thread]

hi there
i have a minor change i want to make but im going screwy trying to find where the right place is

the issue i have is that i have an attribute set that allows customers to upload there files, the button you click to upload the file says "choose file" i simply want to change it to say "upload file"
i have search language files, i have search attribute php files,i have checked java files, i have looked in /image/buttons folder i have used developers tool kit to search and i am loss as to where the text can be changed, can anyone help
Attachment 20868

https://www.cjscreativecrafts.com/po...irts-p-11.html

Quote:

---

Originally Posted by vmax

hi there
i have a minor change i want to make but im going screwy trying to find where the right place is

the issue i have is that i have an attribute set that allows customers to upload there files, the button you click to upload the file says "choose file" i simply want to change it to say "upload file"
i have search language files, i have search attribute php files,i have checked java files, i have looked in /image/buttons folder i have used developers tool kit to search and i am loss as to where the text can be changed, can anyone help
Attachment 20868

https://www.cjscreativecrafts.com/po...irts-p-11.html

---

That "Choose File" text comes from the browser when it encounters a form-field with an input-type of "file".

I did a web search for file upload change choose file text to see what could be done to change the text ... it's complicated.

Is there any way to replace it with a button either css or a png file?

Quote:

---

Originally Posted by vmax

Is there any way to replace it with a button either css or a png file?

---

Web search engines are your friend; did you try the web-search I suggested above? IIRC, at least one had some javascript/css that would do that.

Quote:

---

Originally Posted by lat9

Web search engines are your friend; did you try the web-search I suggested above? IIRC, at least one had some javascript/css that would do that.

---

yes. what @lat9 said makes perfect sense.

i found the 2nd solution in this posting, after doing what she recommended to be a potentially easy way to accomplish what you want.

Quote:

---

Originally Posted by carlwhat

yes. what @lat9 said makes perfect sense.

i found the 2nd solution in this posting, after doing what she recommended to be a potentially easy way to accomplish what you want.

---

thank you for the link, im not sure which file i need to edit and/or create, im a novice coder at best, i coann follow guideas and instructions and modify existing code to a small degree but thats about my limit

Quote:

---

Originally Posted by lat9

Web search engines are your friend; did you try the web-search I suggested above? IIRC, at least one had some javascript/css that would do that.

---

hi thanks for the reply
i did search and the more i read the more lost i got:unsure:, after a couple of hours of reading various results i didnt know which way was up :frusty:so had to admit defeat

ok have found a possible css solution and want to run it past you guys

the issue i am having in implementing it is knowing the exact tags required for that specific button/field

Code:

---

.upload-form .elementor-field-type-upload input[type="file"]::before{
    content: 'Browse files';
    background-color: grey;
    padding: 10px 15px;
    border-radius: 20px;
    color: white;
    font-size: 14px;
    line-height: 3em !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.upload-form .elementor-field-type-upload input[type="file"]::after{
    content: 'You have not chosen any files yet';
    font-size: 14px !important;
    padding-left: 10px;
}

.upload-form .elementor-field-type-upload input[type="file"]{
    font-size: 0px;
}

.upload-form .elementor-field-type-upload input[type="file"]::file-selector-button{
    display: none;
}

---

tutorial was here
https://www.youtube.com/watch?v=8XnOBVrU6r0