Bootstrap interfering ImageAreaSelect (Primefaces)

0

I'm using the component, from the Extesions primefaces, called ImageAreaSelect.

Primefaces Extesion - ImageAreaSelect

But this Bootstrap TAG is causing ImageAreaSelect's background to be disproportionate.

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

This image is the background with problem

How do I solve this problem? if I remove the CSS the template is buggy.

I was thinking of solving the problem by taking background from ImageAreaSelect but I have no idea which TAG it uses.

I also did not find in the documentation of the primefaces

    
asked by anonymous 10.08.2016 / 15:31

1 answer

0

I was able to do the following

.pe-imgageareaselect-outer {
    display: none !important;
}

.pe-imgageareaselect-selection {
    background: black !important;
}
    
10.08.2016 / 20:54