File upload - uploaded file name font size

  • Profile Image
    stormingrobots
    Asked on May 09, 2021 at 07:56 AM

    see the "test2.pdf" - can I reformat the appearance? like just to increase the font size.

    1620561356_6097cdcc08dee_junk.jpg

  • Profile Image
    Amin_N
    Answered on May 09, 2021 at 05:34 PM

    Hi there,

    Thanks for reaching out to us!

    Kindly inject the following CSS code into your form:

    .qq-upload-file {

       font-size: 23px !important;

    }

    Result:

    1620595948_609854ecc14ef_

    Related guide: How-to-inject-custom-css-codes

    I hope I have been of any help.

    Should you have any further inquiries, we will be more than happy to help.

  • Profile Image
    stormingrobots
    Answered on May 10, 2021 at 09:15 AM

    Thank you.

    Would you point me to an article which will show what other selectors that I can adjust ? This will give us enough resource to help ourselves, instead of asking itsy-bitsy questions.

    Thank you in advance.

  • Profile Image
    Nik_M
    Answered on May 10, 2021 at 12:40 PM

    On Classic Forms, more-less everything can be adjusted with CSS.

    Related Guides:

    How to Inject Custom CSS Codes

    Customize Your Form Using Custom CSS Codes

  • Profile Image
    stormingrobots
    Answered on May 10, 2021 at 01:09 PM

    Nik,

    I am asking for an article which will show what other selectors that I can adjust, such as besides

    .qq-upload-file

    e.g. what other selectors names such as the width, or the background, etc.

    I need the "spelling" of these selectors, not how to make changes. I am not asking for how to insert css.


  • Profile Image
    FelipeSantana
    Answered on May 10, 2021 at 05:08 PM

    Hello @stormingrobots,

    If you are looking for a guide that will help you find the unique field IDs and names that can be used to style those fields with CSS, then you can use this link - https://www.jotform.com/help/146-how-to-find-field-ids-and-names

    This gives you a general idea of which selectors you can use in your CSS styles. However, another good way of finding other IDs or Class names is by using the browser developer tools. With these tools, you can inspect the elements on the browser and find their names.

    Here is a quick screen recording for reference using Chrome's developer tools:

    1620680830_6099a07e5c4ea_

    Google Guide - https://developer.chrome.com/docs/devtools/

  • Profile Image
    stormingrobots
    Answered on July 03, 2021 at 11:19 AM

    thank you.