-
fazzappAsked on April 23, 2024 at 7:58 AM
Hello,
Please someone send to me the CSS code to change text color of Uploadcare and Scrollable Short Terms widget from black to white of my form: https://form.jotform.com/240745884258670
Thank you.
Carlos M. -
Girish JotForm SupportReplied on April 23, 2024 at 8:25 AM
Hi Carlos,
Thanks for contacting Jotform Support. I checked your form and the File upload by Upload care widget already has the question label in white:
Regarding the Short Scrollable widget, please add the CSS code below into the widget:
label {
color: white!important;
}
To add the CSS,
- Click the widget settings
- Go to the Custom CSS tab
- Add the CSS code
- Click Update widget
You can check out this demo cloned form to see how that works. Give it a try and let us know how it goes.
-
fazzappReplied on April 23, 2024 at 2:42 PM
Thank you Girish,
Regarding the File upload by Uploadcare widget it shows black font after we have uploaded the file. Please take a look at the image below. Sorry, I forgot to mention that.
-
Ylli JotForm SupportReplied on April 23, 2024 at 3:16 PM
Hello Carlos,
Thanks for getting back to us. You can inject the following CSS code into your form to make the background of the File Upload element white:
#id_27 {
background : white;
width : 320px;
}
#label_27 {
color : black;
}
Here is the end result:
Give it a try and let us know how it goes. -
fazzappReplied on April 23, 2024 at 3:32 PM
Thank you so much, Ylli.
-
fazzappReplied on April 23, 2024 at 3:41 PM
Hi Ylli,
Testing the form I realized that the Uploadcare widget has a scrollbar after I have added the CSS code.
Can you tell me how I can adjust it in order to get the previous design ?
-
alexjoyjames55Replied on April 23, 2024 at 3:42 PM
o change the text color on a Short Scrollable widget, you typically need to modify the widget's style or apply a custom style to the text within the widget. Here's a general guide on how you can do this:
- Using Default Styles (if available):
- Some platforms or frameworks may offer default styles or themes that you can apply directly to widgets. Check if there's a predefined style for the Short Scrollable widget or its text content that includes color options.
Looking for translation services nearby? CanadianTranslator provides top-notch translation services right in your area. With our team of skilled linguists translation services near me, we offer accurate and reliable translations for documents, websites, and more. Whether you need translation for business or personal purposes, we're here to help. Contact us today for professional and efficient translation services.
-
Ylli JotForm SupportReplied on April 23, 2024 at 3:48 PM
Hello Carlos,
Thanks for reaching to Jotform Support. You can adjust the widget by deleting the following code:
#id_27 {
background : white;
width : 320px;!Delete This Line;
}
Here is the end result:
Keep us updated and let us know if you need any more help.
-
fazzappReplied on April 23, 2024 at 4:12 PM
Thank you Ylli.