[Résolu] Style. CSS : ou trouver les infos dans le fichier pour modifier widget (Créer un compte)

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 18)
  • Auteur
    Messages
  • #517409
    francois31170
    Participant
    Padawan WordPress
    54 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 3.4.2
    – Version de PHP/MySQL : 5.3.13
    – Thème utilisé : WOOCOMMERCE / ARTIFICER
    – Extensions en place :
    – Nom de l’hebergeur :
    – Adresse du site :

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

    Bonjour

    Je suis en train de créer une boutique avec woocommerce, theme artificer.
    Sur ma gauche apparait les widgets souhaités, (ex : catégories de produits, produits les plus vendus, etc..)
    Je souhaite changer la couleur de ces widgets.
    Je dois aller dans ma feuille de style : style.css

    Je ne trouve pas où modifier, cela ressemble un peu a du chinois.
    Lorsque je regarde les tutos, rien n’y ressemble : pas de side-widget { … } notamment.
    J’ai repéré ma couleur : #e6e1dd.
    Elle apparait 45 fois sur les 75 pages du fichier css.
    difficile d’y aller version bourrin en modifiant tout d’un coup, et en plus sans avoir la certitude du résultat.

    Dans la feuille de style je vois bien des widgets apparaitre, ou des sidebar, mais malgré tout je n’ai pas réussi à trouver où remplacer. C’est soit des widgets spécifics (mode de paiement, checkaccount, …😉, soit d’autre. Mais rien se rapporochant de ce que je recherche, me semble t il .

    Comment faire ?
    voici, si ca peut (m’)aider pour commencer, l’arborescence du fichier.

    Si quelqu’un pouvait m’aider, ca serait top.
    Merci par avance
    Francois

    0. RESET

    1. SETUP
    -1.1 Defaults
    -1.2 Hyperlinks
    -1.3 Typography
    -1.3.1 Typefaces
    -1.4 Tables

    2. SITE STRUCTURE & APPEARANCE
    -2.1 Containers & Columns
    -2.2 Navigation
    -2.2.1 Drop-down menus
    -2.2.2 Top Navigation (optional)
    -2.3 Header
    -2.4 Content
    -2.4.1 Slider
    -2.5 Sidebar
    -2.6 Footer
    -2.7 Breadcrumbs

    3. POSTS
    -3.1 Images
    -3.2 Pagination / WP-Pagenavi / Woo-Pagination
    -3.3 Single Post Author
    -3.4 Post Entry Nav
    -3.5 Subscribe & Connect

    4. WIDGETS
    -4.1 Generic Widgets
    -4.2 Specific Widgets

    5. COMMENTS
    -5.1 Comments
    -5.2 Comments Form
    -5.3 Pingbacks / Trackbacks

    6. PAGE TEMPLATES
    -6.1 Timeline Page Template
    -6.2 Contact Form
    -6.3 Image Gallery

    7. WOOCOMMERCE
    -7.1 Messages
    -7.2 Products
    -7.2.1 Single Product
    -7.3 Cart
    -7.4 Checkout
    -7.5 Widgets
    -7.6 Account
    -7.7 Shortcodes

    8. MISC
    -8.1 Forms
    -8.2 Gravity forms
    -8.3 IE specific styling
    -8.4 Uniform

    #866664
    Guy
    Participant
    Maître WordPress
    14817 contributions

    Si tu mettais une adresse vers un site , on pourrait t’aider plus efficacement.

    #866665
    francois31170
    Participant
    Padawan WordPress
    54 contributions

    Bonjour
    Je suis en localhost pour le moment, je suis en train de créer le site..

    #866666
    Guy
    Participant
    Maître WordPress
    14817 contributions

    J’ai repéré ma couleur : #e6e1dd.
    Elle apparait 45 fois sur les 75 pages du fichier css.

    Tu comprendras aisément que sans rien voir, on risque d’en être réduit à faire appel à la boule de cristal.

    #866667
    francois31170
    Participant
    Padawan WordPress
    54 contributions

    je me doute bien..
    Comment faire ?
    Je me vois mal intégrer 75 pages de css dans cette discussion, non ?
    quid ?

    #866668
    lorenzolamas
    Participant
    Maître WordPress
    3229 contributions

    en toute logique je dirai 2.5 ou 4
    (cf. le sommaire du CSS)

    #866669
    Guy
    Participant
    Maître WordPress
    14817 contributions

    oups nonnnnnnnnnn pas les 75 pages 🙂

    Tu peux essayer de trouver un hébergement gratuit permettant d’afficher le thème, les extensions avec un rédactionnel « bidon » mais qui permettra de se rendre compte de ce qui ne fonctionne pas.

    #866670
    lorenzolamas
    Participant
    Maître WordPress
    3229 contributions

    ou 7.5 (qui semble etre une section dédié aux widget de l’extension e-commerce)

    #866671
    lorenzolamas
    Participant
    Maître WordPress
    3229 contributions

    Soit dit en passant, tu peux afficher le code source de ton site en local et voir le class ou Id de la section que tu veux modifier (grace au merveilleux outil « Ctrl +F ») et ensuite repérer ça dans le CSS.

    #866672
    francois31170
    Participant
    Padawan WordPress
    54 contributions

    Bonsoir

    Hum, voici ce que j’ai trouvé à partir du code source :

    #866673
    Guy
    Participant
    Maître WordPress
    14817 contributions

    Les CSS sont des feuilles de styles en cascade, chaque css ajoute ou retranche des propriétés à des éléments selon leurs dispositions dans la page HTML, il m’est impossible de dire en voyant 3 lignes de code comment cela sera interprété sur le site en ligne en ayant seulement connaissance d’un sommaire en commentaire dans un obscur fichier css.

    Si tu ne peux pas mettre à disposition un site en ligne, il te reste à rechercher par toi même avec des outils de développement web généralement intégrés dans les navigateurs modernes comme te l’a suggéré lorenzolamas.

    #866674
    francois31170
    Participant
    Padawan WordPress
    54 contributions

    Bonjour

    Ouf j’ai enfin réussi à faire une installation sur un hebergeur gratuit.

    J’ai ainsi commencé à me former sur les prochaines étapes, ne travaillant qu’en localhost pour l’instant..

    Voici mon site (bidon, jute plugin + theme installé) : http://www.francois31170.byethost14.com/

    Vous verrez à gauche 2 widgets (catégories produit et meilleurs ventes).

    Je cherche à modifier la couleur de ces widgets.

    Impossible de trouver quoi / ou modifier.

    J’ai eu beau chercher avec les outils type firebug, webdeveloper, etc, echec total. Je suis trop néophyte pour bien les utiliser..

    En espérant que vous pourrez m’aider.

    Merci par avance une nouvelle fois pour votre aide.

    Francois

    #866675
    Guy
    Participant
    Maître WordPress
    14817 contributions

    d’accord…

    Cela se passe dans le fichier style.css de ton thème.

    Le fond des widgets est une image (images/nav.gif).

    Pour les deux widgets cités, ils ont chacun des classes différentes « widget_product_categories » et « widget_best_sellers »

    Tu peux donc définir des styles de fond spécifiques pour chacun,

    du style

    #sidebar .widget .widget_product_categories {
    background:#00FFDD;
    }

    enfin il faut faire les tests, mais c’est de coté là qu’il faut regarder.

    #866676
    francois31170
    Participant
    Padawan WordPress
    54 contributions

    Merci

    2 remarques / question :
    – cette image est blanche alors que sur le site elle est bleue / violet !! ?
    – Je viens de faire un test en modifiant cette image (j’ai mis un fonds rouge), toujours nommée nav.gif bien sur.
    Et aucune modification de la couleur rendue sur le site.

    Je suis un peu perdu là. C’est normal pour vous ?

    #866677
    Guy
    Participant
    Maître WordPress
    14817 contributions

    Pour moi, cette image n’est pas blanche, elle est d’un mauve très pastel. C’est le fond des sidebars, des articles etc… la même image est utilisée. IL est possible que tu n’aies pas rafraichi le cache si tu ne vois aucune modification, ou que tu modifies une autre image

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