Estimation and Payment forms Color Picker Bug V2

[Aleksej_Original]

Hi there, I’m using the E&P Form builder. I have a section where there’s 3 color picker options. I read through the forum and found a link that has a work around (posted below). It works, but only on the first color pick option, the others are then non-clickable. I have 3 color picker options.

Is there another solution to this?

For reference:
I referred to this topic: Estimation and Payment forms Color Picker Bug

Copied this into my css:
#estimation_popup.wpe_bootstraped .lfb_colorpicker {
width: 64px!important;
height: 64px!important;
left: -71px !important;
top: -30px !important;
cursor: default !important;
}

[ruenel]

Hello Aleksej,

Thanks for writing in! Please add a z-index CSS property into your custom CSS:

#estimation_popup.wpe_bootstraped .lfb_colorpicker {
width: 64px!important;
height: 64px!important;
left: -71px !important;
top: -30px !important;
cursor: default !important;
z-index: 16000;
}

Adding the z-index will make sure that the color picker will be in front of any other element.

We would love to know if this has worked for you. Thank you.