Jump to content

Page Produit - GIF arrow zoom surdimensionné


Recommended Posts

Bonjour,

Sans avoir l'impression d'avoir touché a quoi que ce soit, j'ai un gros soucis d'affichage lorsque je passe ma souris sur une image produit.
La petite croix qui est sensé être placé en bas à droiteCapturedcran2025-04-12091408.png.dc77769d0d304f161468ad6f35813738.png de l'image prend tout l'espace. Un fichier à modifier? je suis perdu, je vous remercie pour votre aide précieuse.

Capture d'écran 2025-04-12 092120.png

Link to comment
Share on other sites

/themes/Blossom/assets/css/theme.css

.product-cover .layer .zoom-in {
    color: #fff;
    background-color: #888888;
    position: initial;
    bottom: 1px;
    right: 1px;
    padding: 4px 15px;
    height: auto;
    width: auto;

    font-size: 20px;

Jetez un oeil à ces mesures que vous avez en (auto)
Cela ne devrait pas être comme ça, mais quelque chose comme 28 px

Edited by juanrojas
incomplete (see edit history)
Link to comment
Share on other sites

essayez quelque chose comme ça et supprimez les cookies

.product-cover .layer .zoom-in {
    color: #fff;
    background-color: #888888;
    position: absolute;
    bottom: 1px;
    right: 1px;
    padding: 1px 20px;
    height: 48px;
    width: 70px;
    font-size: 20px;
}

Link to comment
Share on other sites

Il y a 20 heures, juanrojas a dit :

/themes/Blossom/assets/css/theme.css

On ne modifie JAMAIS les fichiers natifs.

Si on veut modifier le CSS d'un thème, on applique ces modifications dans le fichier custom.css du thème, si ce fichier n'existe pas, on le rajoute simplement au même niveau que le fichier theme.css.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...