Image Upload Preview widget: Translate the widget's instructions on the form to Swedish

I'm also using "Image Upload Preview" widget. When I preview the form, by default it says in the Preview area "Browse and Preview an Image / Drag and drop your image here" (see the image below for elaboration). As I said earlier, my form is in Swedish I also want this preview text to be in Swedish. Kindly guide me on how to translate it.

Thanks in anticipation for your swift response.

We would like to apologize for any inconvenience. I have checked and I found out that for the Image Upload Preview widget, the form builder page can only translate its field label.

Please allow me some time to check if I can find any other workaround that would help you meet your requirements. I will be updating you on this ticket with my findings the soonest.

Ok, waiting for your response.

Kindly add the CSS below on your widget and change 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';

}

Guide: How-to-Inject-CSS-Codes-to-Widgets

Thank you for providing the above code.

When I injected above with the translation, the text in the bold is not evenly distributed in the preview area. Kindly see the pasted image for elaboration. Can you help me with this? I want to make it evenly centred like the text below it.

We will be glad to help you further with your concern. However, can you provide us the link to the form you are working on so we can test it further, please? We may need to get the entire texts you want to be written on the widget so we can find a way to make the texts fit the space on the widget.

I checked your account and I didn't find the form you are referring to in your screenshot. Perhaps the form is under another account?

We will wait for your response.

Yes, I'm working on a collaborator form. Here's the form number 202473568345056. Hope you will get it.

There you will find all the text that will be on the widget. I have already placed it but need to be centred as described earlier.

Kindly replace the previous CSS with the one below or simply add the texts that are in bold on your existing CSS.

.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%;

}

Thank you!

Fabulous Support!