Design ddSlick Dropdown widget

  • Profile Image
    tctrust
    Asked on March 06, 2017 at 09:51 AM

    Hello.

    I need

    1. increase height of the field,

    2. make background white

    3. text not bold (same style of text as in other fields).

  • Profile Image
    Ian
    Answered on March 06, 2017 at 11:55 AM

    Please inject the following code in the widget css

    .dd-select {

    background: #fff!important;    

        height: 48px;

      font-weight: normal;

    }

    .dd-selected {

        background: #fff!important;

        font-weight: normal;

    }

     

     

     

    Add the following code by using INJECT CSS

    .geoComplete {

        margin-left: 5px;

    }

     

    .supernova .form-all, .form-all {

        background-color: #fff;

    }

     

    Hope this helps

  • Profile Image
    tctrust
    Answered on March 06, 2017 at 05:42 PM

    Hello.

    OK, Thank you.

    But, now missing focus vertical the placeholder and change the color of text by the grey like in other fields.

  • Profile Image
    Kevin_G
    Answered on March 06, 2017 at 08:04 PM

    Please, inject this CSS code to the widget following the steps shared above by my colleague:

    a.dd-selected {

        margin-top: 4.5px;

        color:  rgba(128, 128, 136, 0.78) ;

    }

    Result: 

    Hope this helps.