Need help to change text color on the Short Scollable widget

  • fazzapp
    Asked 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 Support
    Replied 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:

    Need help to change text color on the Short Scollable widget Image 1 Screenshot 30

    Regarding the Short Scrollable widget, please add the CSS code below into the widget:

    label {
    color: white!important;
    }

    To add the CSS,

    1. Click the widget settings
    2. Go to the Custom CSS tab
    3. Add the CSS code
    4. Click Update widget

    Need help to change text color on the Short Scollable widget Image 2 Screenshot 41

    You can check out this demo cloned form to see how that works. Give it a try and let us know how it goes.

  • fazzapp
    Replied 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.

    Need help to change text color on the Short Scollable widget Image 1 Screenshot 20

  • Ylli JotForm Support
    Replied 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:

    Need help to change text color on the Short Scollable widget Image 1 Screenshot 20
    Give it a try and let us know how it goes.

  • fazzapp
    Replied on April 23, 2024 at 3:32 PM

    Thank you so much, Ylli.

  • fazzapp
    Replied 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 ?


    Need help to change text color on the Short Scollable widget Image 1 Screenshot 20

  • alexjoyjames55
    Replied 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:

    1. 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 Support
    Replied 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;
        width320px;!Delete This Line;
    }

    Here is the end result:

    Need help to change text color on the Short Scollable widget Image 1 Screenshot 20 Keep us updated and let us know if you need any more help.

  • fazzapp
    Replied on April 23, 2024 at 4:12 PM

    Thank you Ylli.

 
Your Answer