Design ddSlick Dropdown widget

  • tctrust
    Asked on March 6, 2017 at 9: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).

    Design ddSlick Dropdown widget Image 1 Screenshot 20

  • Ian
    Replied on March 6, 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;

    }

     

    Design ddSlick Dropdown widget Image 1 Screenshot 20

     

     

    Add the following code by using INJECT CSS

    .geoComplete {

        margin-left: 5px;

    }

     

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

        background-color: #fff;

    }

     

    Hope this helps

  • tctrust
    Replied on March 6, 2017 at 5: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.

    Design ddSlick Dropdown widget Image 1 Screenshot 20

  • Kevin Support Team Lead
    Replied on March 6, 2017 at 8: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: 

    Design ddSlick Dropdown widget Image 1 Screenshot 20

    Hope this helps.