Problème central: modification CSS pour rendre le fond blanc et le texte noir sur la page produit a été appliquée à tous les éléments (sélecteur main#MainContent *), rendant les images invisibles sur le site.
Cause technique: le sélecteur universel cible aussi les images. En CSS, main#MainContent * sélectionne tous les descendants, y compris img. Il faut exclure les images du style global.
Solution proposée: utiliser des sélecteurs plus spécifiques:
main#MainContent *:not(img) { color: black; }
Cela applique le fond uniquement au conteneur principal et la couleur du texte à tout sauf aux images, évitant de masquer celles-ci.
Suivi demandé: fournir une capture d’écran et le nom du thème pour diagnostic complémentaire. Recommandation de dupliquer le thème avant toute modification et lien vers un guide pour revenir à une version antérieure du code.
État actuel: pas de confirmation de résolution; en attente d’informations supplémentaires et du retour après test de la solution CSS.
J’aimerai changer le fond de couleur de ma page de produit car je ne voit plus le bouton sold out ou add to cart, j’ai tout essayé mais rien de marche…
Le code CSS que vous avez utilisé affecte tous les éléments à l’intérieur de main#MainContent, y compris les images. Pour résoudre ce problème, nous devons être plus spécifiques dans notre sélection.
Avec ce code, nous appliquons la couleur de fond uniquement à l’élément principal main#MainContent et nous définissons la couleur du texte pour tous les éléments à l’intérieur, à l’exception des images.
Si après avoir essayé cette solution, vous rencontrez toujours des problèmes ou si vous avez d’autres questions, n’hésitez pas à nous contacter. Chez Expertify, nous sommes spécialisés dans les projets Shopify et nous serions ravis de vous aider.