[RÉGLÉ] module product zoom beautiful

[WROOM]

Bonjour,
J'utilise "product zoom beautiful" à l'intérieur de pagebuilderck. J'ai modifié le css pour remonter l'image afin quelle soit alignée avec les autres éléments de pagebuilder

.jhm-item-product{
margin:0px 0px!important;
}
.jhm-product-zoom-main{
margin:0px auto!important;
}
.jhm-product-thumb{
margin: 0px 40px 30px 0px!important;
}

J'ai testé ce code qui fonctionne mais je dois l' appliquer à l'ID du module (#Mod176) mais je ne trouve pas la syntaxe.Pouvez vous m'aider ?
https://www.rhone-alpes-petanque.fr/

[wabaw]

Bonjour,
Si vous devez appliquer ces règles CSS a un module qui a un id, mettez le signe # suivi de l'id du module

#Mod176 .jhm-item-product{
margin:0px 0px!important;
}
#Mod176 .jhm-product-zoom-main{
margin:0px auto!important;
}
#Mod176 .jhm-product-thumb{
margin: 0px 40px 30px 0px!important;
}

[WROOM]

Bonjour,
J'avais utilisé cette syntaxe sans résultat.J'ai donc crée une classe que j'ai rajouté au module et ça fonctionne.

 .position {
position: absolute;
top: -65px;
left:55px;
width: 250px;
}