[Résolu] Arrière plan des pages produits (Créer un compte)

  • WordPress :6.2
  • Statut : résolu
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #2456559
    AdelineMartin
    Participant
    Padawan WordPress
    77 contributions

    Bonjour,

    Ma configuration WP actuelle :
    – Version de WordPress : 6.2.2
    – Version de PHP/MySQL : 8.0.28 / 5.7.42
    – Thème utilisé : Neve Enfant
    – Thème URI : https://adeline-martin.com
    – Extensions en place : Advanced Shipment Tracking for WooCommerce (3.5.3), Contact Form 7 (5.7.7), Forum_wordpress_fr (4.2), Judge.me Product Reviews for WooCommerce (1.3.21), MailPoet (4.18.0), MetaSlider (3.31.0), MetaSlider Lightbox (1.13.1), Page Links To (3.3.6), Particle Background (1.0.2), Pinterest for WooCommerce (1.3.2), Polylang (3.4.2), ReCaptcha v2 for Contact Form 7 (1.4.3), Simple Custom CSS and JS (3.44), Spectra (2.6.5), Table Rate Shipping for WooCommerce (2.28), UpdraftPlus – Backup/Restore (1.23.4), WooCommerce (7.7.2), WooCommerce Stripe Gateway (7.4.1), Wordfence Security (7.9.3), WP Fastest Cache (1.1.6), WP Post Popup (3.7.3), YITH WooCommerce Product Add-ons & Extra Options (2.22.0), YITH WooCommerce Quick View (1.28.0), Yoast SEO (20.8)
    – Adresse du site : https://adeline-martin.com
    – Nom de l’hébergeur : Apache

    Problème(s) rencontré(s) :

    Bonjour,

    Je suis en train de retoucher mon CSS pour que l’arrière plan de ma boutique soit entièrement d’une couleur unie claire (contrairement à tout le reste du site qui a une image d’arrière plan foncée).

    J’ai réussi à faire en sorte que presque toutes mes pages aient cet arrière plan uni comme ici

    Il me reste uniquement les pages produit à cibler, j’ai une marge à gauche et à droite que je n’arrive pas à inclure : voir ici

    Mon code pour l’instant est :

    div.container.shop-container {
    background-color: #ECECEC;
    color:#6E6E6E !important}

    J’ai tenté :

     main#content.neve-main{
    background: #ECECEC;
    color:#6E6E6E !important}

    Le résultat sur la page concernée est exactement ce que je souhaite obtenir mais il s’applique à tout mon site alors que je ne souhaite qu’il concerne que les pages de ma boutique.

    J’ai aussi tenté ceci :

    body.single-product{
    background:#ECECEC;
    color:#6E6E6E !important}

    Cette fois cela s’applique bien uniquement aux pages produits mais l’arrière plan inclue la barre de menu que je souhaite exclure.

     

    Merci par avance pour vos idées !

    #2456599
    ferman
    Modérateur
    Maître WordPress
    7614 contributions

    Désolé, je ne vois pas bien ce que vous voulez faire . En pj une page produit: pouvez-vous préciser (je sais,  je suis un peu lent 🙂 ) ce que vous souhaitez.

    Le mieux est de faire une copie d’écran annotée.

    #2456603
    AdelineMartin
    Participant
    Padawan WordPress
    77 contributions

    Merci beaucoup @ferman, vous avez raison je ne suis pas très claire, avec les images ça sera mieux 🙂

    #2456607
    AdelineMartin
    Participant
    Padawan WordPress
    77 contributions

    Voilà, j’espère que ce sera plus clair

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2456611
    ferman
    Modérateur
    Maître WordPress
    7614 contributions

    J’étais sûr d’avoir mis une pièce jointe dans ma dernière réponse mais je ne l’y vois plus! Un oubli de ma part étant exclu, la seule explication est l’intervention d’un lutin facétieux.

    Bien : sérieusement, chez moi,  sans toucher à rien, je pense que le site apparaît tel que vous le souhaitez.

    pj 1: une page de la boutique.

    pj2 : une autre page

    Si vous ne voyez pas ça chez vous, il doit y avoir un problème de cache. Videz le cache de votre navigateur.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2456628
    AdelineMartin
    Participant
    Padawan WordPress
    77 contributions

    Merci @ferman.

    J’ai vidé le cache et malheureusement toujours le même souci chez moi.

    Je pense que vous ne voyez pas les marges parce que vous êtes plus zoomé que moi, si vous faites ctrl + – plusieurs fois elles apparaitront.

    • Cette réponse a été modifiée le il y a 1 année et 11 mois par AdelineMartin.
    #2456650
    ferman
    Modérateur
    Maître WordPress
    7614 contributions

    J’ai eu beau faire ctrl + – un nombre incalculable de fois et changer de taille d’écran, je n’ai vu aucune marge dans les pages hors boutique  🙁  . Peut-être quelqu’un sur le forum aura-t-il une meilleure vue que moi ?

    #2456651
    AdelineMartin
    Participant
    Padawan WordPress
    77 contributions

    Pardon, je m’explique peut être mal, je voulais dire qu’en dézoomant vous devriez obtenir ce résultat :

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2456656
    ferman
    Modérateur
    Maître WordPress
    7614 contributions

    Bon, j’ai enfin compris (j’espère). Votre deuxième code est bon; il suffit de le préciser pour qu’il ne s’applique qu’à la page boutique et aux pages produits.

    C’est à dire que vous devriez remplacer votre code par le suivant:

    .tax-product_cat main#content.neve-main, .product-template-default main#content.neve-main {background-color: #ECECEC;
    color:#6E6E6E;}

    Regardez si ça vous convient.

    • Cette réponse a été modifiée le il y a 1 année et 11 mois par ferman.
    • Cette réponse a été modifiée le il y a 1 année et 11 mois par ferman.
    #2456659
    AdelineMartin
    Participant
    Padawan WordPress
    77 contributions

    Vous êtes trop fort ! Merci mille fois, c’est exactement ça, et désolée pour les explications incompréhensibles ^_^

    #2456660
    ferman
    Modérateur
    Maître WordPress
    7614 contributions

    …désolée pour les explications incompréhensibles

    Il ne faut pas être désolée;  j’ai pris ça comme un challenge (difficile quand même: j’ai eu besoin de quelques indices)

11 sujets de 1 à 11 (sur un total de 11)
  • Vous devez être connecté pour répondre à ce sujet.