Issues with Enfold's Shop Overview

Dear support

I have a small problem with the shop overview created by the Enfold theme. My color swatches placement are messed up and they do not ract on hover/click.

• They sould be aligned horizontal like in the second screenshot of the default theme.
• They should change the preview image on hover

Could you give me a hint where to look at ? as far is could see, enfold does somehow either delete the following code, or i can’t see it with firebug because the complete div reacts on hover for the product linking (or image change effect, but i disabled that).

wcvashopswatchlabel {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    transition: all 100ms ease-in 0s;
        transition-property: all;
        transition-duration: 100ms;
        transition-timing-function: ease-in;
        transition-delay: 0s;
    border: 2px solid #FFF;
    outline: 1px dotted #9C9999;
    line-height: 1;
}

Enfold Shop Overview:

Default Shop Overview:

Thanks so much, i’m happy for every help…also if you knew another solution / plugin that would work with Enfold.