- Statut : non résolu
- Ce sujet contient 17 réponses, 3 participants et a été mis à jour pour la dernière fois par
francois31170, le il y a 12 années et 2 mois.
-
AuteurMessages
-
30 novembre 2012 à 10 h 14 min #517409
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.cssJe 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
Francois0. RESET
1. SETUP
-1.1 Defaults
-1.2 Hyperlinks
-1.3 Typography
-1.3.1 Typefaces
-1.4 Tables2. 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 Breadcrumbs3. POSTS
-3.1 Images
-3.2 Pagination / WP-Pagenavi / Woo-Pagination
-3.3 Single Post Author
-3.4 Post Entry Nav
-3.5 Subscribe & Connect4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets5. COMMENTS
-5.1 Comments
-5.2 Comments Form
-5.3 Pingbacks / Trackbacks6. PAGE TEMPLATES
-6.1 Timeline Page Template
-6.2 Contact Form
-6.3 Image Gallery7. 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 Shortcodes8. MISC
-8.1 Forms
-8.2 Gravity forms
-8.3 IE specific styling
-8.4 Uniform30 novembre 2012 à 11 h 31 min #866664Si tu mettais une adresse vers un site , on pourrait t’aider plus efficacement.
30 novembre 2012 à 12 h 04 min #866665Bonjour
Je suis en localhost pour le moment, je suis en train de créer le site..30 novembre 2012 à 12 h 37 min #866666J’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.
30 novembre 2012 à 13 h 16 min #866667je me doute bien..
Comment faire ?
Je me vois mal intégrer 75 pages de css dans cette discussion, non ?
quid ?30 novembre 2012 à 13 h 56 min #866668en toute logique je dirai 2.5 ou 4
(cf. le sommaire du CSS)30 novembre 2012 à 13 h 56 min #866669oups 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.
30 novembre 2012 à 13 h 58 min #866670ou 7.5 (qui semble etre une section dédié aux widget de l’extension e-commerce)
30 novembre 2012 à 14 h 01 min #866671Soit 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.
30 novembre 2012 à 22 h 00 min #866672Bonsoir
Hum, voici ce que j’ai trouvé à partir du code source :
1 décembre 2012 à 2 h 15 min #866673Les 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.
3 décembre 2012 à 12 h 18 min #866674Bonjour
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
3 décembre 2012 à 12 h 44 min #866675d’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.
3 décembre 2012 à 14 h 28 min #866676Merci
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 ?
3 décembre 2012 à 14 h 37 min #866677Pour 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
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.