Translate Browse and Preview an Image

There is another issue which is not design related but rather translation related: on the 4th page I have a few image upload widgets. they are all set as to have the text inside in Hebrew. however they show in English.

Hello Nimrod,

Please also allow me some time to generate a CSS code for this one, I will get back to you as soon as I have an update.

Thank you for your patience.

Hi KellyElizabeth,

Thanks for reaching out to Jotform Support. I answered your other question on a new thread. You can go ahead and check that out here. 

Hello Nimrod,

Please add this CSS code to the Custom CSS field on your widget and change it with the actual translation:

.selection-area h3, .selection-area p {



  color: transparent !important;



  position: relative;



}



.selection-area h3:before, 



.selection-area p:before {



  color: #2c3345 !important;



  position: absolute;



}



.selection-area h3:before {



  content: 'Browse and Preview translation';



left: 15%;



}



.selection-area p:before {



  content: 'Drag and drop image translation';



left: 4%;



}

It should show like this:

Let us know if you have any other questions.

Hello,

thanks for the code. however this does not remove the current text in English but adds the text in Hebrew which creates a mess.

Hello Nimrod,

Thanks for your explanation and screenshots. That helped me understand what’s happening. Try injecting the CSS Code below and update it with the actual translation:

.selection-area h3, .selection-area p {	

color: transparent !important;	

position: relative;

}

.selection-area h3:before, .selection-area p:before {	

color: #2c3345 !important;	

position: absolute;

}

.selection-area h3:before {

content: 'Browse and Preview translation';

}

.selection-area p:before {	

content: 'Drag and drop image translation';

}

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

Hello,

this indeed does the trick.

Thank you

Nimrod