how can I increase size of drop down box (using css code) ?

  • Profile Image
    Nmead
    Asked on April 21, 2016 at 02:24 AM

    table.form-spinner....... works fine for spinner elements

    what is the equivalent name for a dropbox (and how would I find that??

  • Profile Image
    beril
    Answered on April 21, 2016 at 04:02 AM

    Do you want to change the width of your dropbox field or the height of your field?

    You can change it from designer quickly.

    If you want to change it with CSS code you can change it easily. To do that click on CSS when you're on Designer and double-click to the desired field and add the CSS code below: 

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

     

     

  • Profile Image
    Nmead
    Answered on April 21, 2016 at 06:43 AM
    I was hoping to change the blue rectangle containing the values. Is this possible or can I only change the yellow shaded area surrounding this
    ...
  • Profile Image
    beril
    Answered on April 21, 2016 at 07:36 AM

    Yes, You can increase de size of your dropbox field. I just wanted to show you how to change it. If you delete  the code below, because it is preventing to increase the height of dropdown field.

    If you want to change the size of the dropdown field for all of your dropdown fields, please add the CSS code below:

    .form-dropdown {

        height : 90px !important;

         width : 60px!important;

    }

    Here is how it works:

    However if you want to change the size of your fields for 2.1H and 2.1A fields, you need to add the CSS code below:

    #input_95 {

        width : 60px !important;

        height : 90px !important;

    }

     

    #input_94 {

    width : 60px !important;

    height : 90px !important;

    }

    Here is how it works:

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.