ENLEVER (facultatif) avec CSS (Créer un compte)

Bonjour,

Voici comment vous pouvez le faire :

1. Accédez au tableau de bord de votre site WordPress.
2. Dans le menu, allez à « Apparence » > « Personnaliser ».
3. Dans le panneau de personnalisation, recherchez l’option « CSS personnalisé » ou « Additional CSS » (le libellé peut varier en fonction de votre thème).
4. Cliquez sur l’option CSS personnalisé pour ouvrir l’éditeur CSS.
5. Ajoutez le code CSS suivant pour masquer le texte « facultatif » à côté de « Notes de commande » :

   .woocommerce-checkout #order_comments label[for="order_comments"]::after {
       content: none !important;
   }

6. Assurez-vous d’enregistrer vos modifications.

Ce code CSS cible spécifiquement l’étiquette de la zone de commentaire sur la page de commande WooCommerce et masque le texte « facultatif ». Assurez-vous que le code est correctement enregistré, puis vérifiez votre page de commande pour vous assurer que le texte « facultatif » a été supprimé.

N’oubliez pas de vérifier que votre thème ne remplace pas les styles WooCommerce par défaut, car cela pourrait affecter l’apparence de votre site. Si vous rencontrez des problèmes, vous pouvez également envisager d’utiliser un plugin WordPress pour ajouter du CSS personnalisé à votre site si votre thème ne prend pas en charge cette fonctionnalité.

J’espère que cela vous aide à résoudre votre problème !

Bonne continuation

reBonjour,

Je suis désolé d’entendre que le code CSS que je vous ai fourni n’a pas fonctionné. Si le code ne masque pas le texte « facultatif » à côté de « Notes de commande » sur la page de commande WooCommerce, voici quelques autres étapes que vous pouvez suivre pour essayer de résoudre le problème :

1. Inspecter l’élément : Ouvrez la page de commande dans votre navigateur, faites un clic droit sur le texte « facultatif » à côté de « Notes de commande » et choisissez « Inspecter » ou « Examiner l’élément » dans le menu contextuel. Assurez-vous que l’élément que vous ciblez avec le CSS est correct.
2. Cache du navigateur : Parfois, le cache du navigateur peut empêcher les modifications CSS d’apparaître immédiatement. Essayez de vider le cache de votre navigateur ou d’ouvrir la page dans une fenêtre de navigation privée pour voir si les modifications sont appliquées.
3. Thème et extensions : Assurez-vous que vous utilisez le CSS personnalisé dans le bon endroit du panneau de personnalisation de votre thème. Si votre thème a des options de personnalisation spécifiques pour WooCommerce, vérifiez s’il existe une option pour masquer le texte « facultatif ». De plus, désactivez temporairement les extensions WooCommerce pour voir si l’une d’entre elles provoque un conflit.
4. Priorité CSS : Parfois, d’autres styles CSS peuvent écraser les modifications que vous apportez. Assurez-vous que le code CSS personnalisé que vous avez ajouté a une priorité suffisamment élevée en utilisant le sélecteur CSS !important, comme dans l’exemple que j’ai donné précédemment.

Si après avoir suivi ces étapes, le problème persiste, il se peut que le thème OceanWP ou d’autres personnalisations spécifiques à votre site interfèrent avec les styles WooCommerce. Dans ce cas, vous pourriez envisager de contacter le support technique de OceanWP pour obtenir de l’aide spécifique à votre configuration.

EN ALTERNATIVES AU CSS

Vous pouvez également essayer d’utiliser un plugin ou un code PHP pour masquer le texte « facultatif » à côté de « Notes de commande » sur la page WooCommerce. Voici deux approches possibles :

1. Utilisation d’un plugin : Il existe des plugins WordPress conçus pour personnaliser l’apparence de WooCommerce sans nécessiter de compétences en programmation. L’un de ces plugins est « WooCommerce Customizer« . Vous pouvez l’installer depuis le répertoire des plugins de WordPress, l’activer, puis aller dans la section « Personnaliser » de votre site. Dans les paramètres de ce plugin, il peut y avoir une option pour masquer le texte « facultatif » à côté de « Notes de commande ». Assurez-vous de vérifier si le plugin propose cette fonctionnalité.
2. Utilisation d’un code PHP personnalisé : Si vous préférez une solution basée sur le code PHP, vous pouvez ajouter le code suivant dans le fichier functions.php de votre thème enfant (si vous utilisez un thème enfant) ou dans un plugin de personnalisation de thème. Assurez-vous de toujours sauvegarder votre site avant de modifier le code.

   function masquer_texte_facultatif_notes_de_commande() {
       echo '<style>.woocommerce-checkout #order_comments label[for="order_comments"]::after {content: none !important;}</style>';
   }
   add_action('wp_footer', 'masquer_texte_facultatif_notes_de_commande');

    

   Ce code ajoute le CSS nécessaire directement dans le pied de page du site, ce qui devrait masquer le texte « facultatif ». Assurez-vous de vider le cache de votre site et de rafraîchir la page de commande après avoir ajouté ce code. Gardez à l’esprit que si vous n’êtes pas à l’aise avec la modification du code PHP, il est préférable de demander l’aide d’un développeur WordPress pour éviter toute erreur potentiellement dommageable.

J’espère que cela vous aidera à résoudre votre problématique.

Bonne continuation.

• Cette réponse a été modifiée le il y a 1 année et 2 mois par Creation Site Internet.