Custom css codes for widget not working.

Hi,

I'm trying to add some custom css to a widget and I'm not getting it to work.

73543534108959, ddSlick Dropdown. 

.dd-selected-value, .dd-selected-text

{  font-size:14pt;  color:#cd0000;}

.dd-pointer, .dd-pointer-down{

  color : #FF4444;  font-size:12pt;}

Thanks Robert

Do you want your dropdown list items to be colored red?

You can use this code in your widget.

.dd-option{
color:#cd0000;
font-size:14px;
}

then the pointer down

.dd-pointer-down{
border-top: solid 5px #FF4444;
 font-size:12px;
}

Hope this information helps.

Hi,

That did it except for the down arrow size, I can't get it larger using font-size. It really no big deal I am more curious then anything else.

Thank you, Robert

Try using this code: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

.dd-pointer-down,.dd-pointer-up {

    transform: scale(1.5);

}

Result:

Hi,  ... Got-It,  Thank you, Regards, Robert

Glad we could help. If you have any other request, let us know.