Style CSS Woocommerce non pris charge pour certains codes (Créer un compte)

• Version de PHP/MySQL : 7.4 / 5.7
• Version WordPress : 6.6.1
• Thème utilisé : Enfold
• Extensions en place : BBQ Firewall (20230303), Broken Link Checker (2.2.0), Edit WooCommerce Templates (1.1.1), Image Watermark (1.7.3), Imagify (2.1.1), Insert Pages (3.7.7), Limit Login Attempts Reloaded (2.25.20), Loco Translate (2.6.4), ManageWP – Worker (4.9.17), miniOrange 2 Factor Authentication (5.7.1), Nav Menu Roles (2.1.2), Photography Management (4.5.8), PHP Compatibility Checker (1.6.2), Really Simple SSL (7.0.5), SecuPress Free — Sécurité WordPress (2.2.4.1), Tableau de bord Google Analytics pour WP (GADWP) (7.17),
  js – Cookies legislation & GDPR (1.6.5), UpdraftPlus – Backup/Restore (2.23.6.0), Woo Empty Cart Button (1.4.0),
  WooCommerce (7.8.1), WooCommerce Checkout Add-Ons (1.12.2), WooCommerce Checkout Field Editor (1.5.12), WooCommerce Dynamic Pricing & Discounts (2.4.5), WP Better Emails (0.4), WP Cost Estimation & Payment Forms Builder (10.1.1), WP Super Cache (1.9.4), Yoast Duplicate Post (4.5), Yoast SEO (20.10)
• Nom de l’hébergeur : OVH Cloud
• Adresse du site : https://www.aydee.fr/
• Problème(s) rencontré(s) :

Style CSS Woocommerce non pris charge pour certains codes

Hello la team :),
Etant sur le développement et la personnalisation de mon site aydee.fr, je suis sur les modifications de l’apparence de certaines fonctionnalités CSS en lien avec mon thème enfant « Enfold » et « Woocommerce » en particulier            .

Pour cela, j’ai pour habitude d’ajouter du code CSS directement via l’option « Personnaliser » puis « CSS additionnel » directement via le front office du site ou bien via le paramétrage de l’onglet « Enfold Child » puis « Option du thème » dans la zone intitulée « CSS rapide »

La plupart du temps, cela fonctionne bien mais quand il s’agot d’aller plus loin dans la personnalisation, le code n’est pas pris en charge et l’apparence reste identique. Cela n’est pas systématique.

Plusieurs exemple :
> Voici un code qui fonctionne bien concernant la personnalisation du bouton « Ajouter au panier » Woocommerce à la lecture des fiches produits

/* Effet au survol du bouton */

.woocommerce button.button:hover,

.woocommerce a.button:hover,

.woocommerce input.button:hover {

    background-color: #373737; /* Couleur de fond au survol */

    color: #ffffff; /* Couleur du texte au survol */

> Par contre, dans d’autres cas de figure, cela n’est pas pris en charge comme par exemple pour :

/* Alignement du bouton "Charger plus" dans la grille Masonry */

.masonry-load-more {

    text-align: center; /* Centrer le texte */

    /* Pour un alignement à gauche */

    /* text-align: left; */

    /* Pour un alignement à droite */

    /* text-align: right; */

}

ou  bien

/* Largeur du menu déroulant des variations */

.variations_form .variations select {

    width: 50%; /* S'adapte à la largeur de son conteneur */

    max-width: 300px; /* Limite la largeur maximale */

}

Avez-vous une explication ? Existe-il d’autres feuille CSS « cachées » ou une codification erronée ?

Bien à vous et merci pour le coup de main !
Antoine

• Ce sujet a été modifié le il y a 3 semaines et 2 jours par Flobogo.
• Ce sujet a été modifié il y a 2 semaines et 6 jours par Flobogo. Raison : déplacé en rubrique "thèmes"