Custom CSS - make drop down field identical to fields above


#1

Hi All,

I am trying to get the drop down field to have the identical colouring as the fields above - please see screenshot. -

The form field settign are as follows - but Unbounce doesn’t mimic this with my drop-down menu and there isn’t a way to easily edit these styles - I am no coder so reaching out to see if anyone is able to create a code to produce identical field setting for the “Job Role” field.


#2

Hi @jhuman,

You can achieve this will a little CSS.

Here is an example to change the style for a dropdown field in the form:

  #lp-pom-form-91 .lp-pom-form-field select {
    background-color: #ffffff !important;	
    border-radius: 20px !important;
    font-family:'Istok Web'!important;
    font-weight: 300 !important;
    color: #666666;
    font-size: 11px !important;
    letter-spacing: 1px !important;
}

You of course would need to change the element’s ID to match your form. If you are trying to change text fields, it is just a little different.
Feel free to PM me if you need additional assistance!

Enjoy :slight_smile: