72 Ansichten
Thémes Actualité
Ippopilot

8 Fach, 29 Antworten

Ungelesene Nachricht
Bonjour,

Comment faire pour modifier le thème ( le fond) des actualités comme sur les autre widjet ?
3 Teilnehmer
8 Antworten
Zaekof

38 Fach, 883 Antworten

Mitwirkende Geber
Ungelesene Nachricht
ton fond peut être modifié via le pannel admin dans ta gestion de ton thème.
"N'arrêtez jamais d'apprendre" !
Ippopilot

8 Fach, 29 Antworten

Ungelesene Nachricht
Sur le live editor, il est sélectionné le widget "module" sur ma page d’accueil et celui ci ne propose pas l’icône "Apparence"....
eResnova

17 Fach, 875 Antworten

Mitwirkende
Ungelesene Nachricht
Bonjour,

@Ippolipot oui, le widget module est un peu "unique" donc c'est le css du thème qui permet de personnaliser son apparence.

Si tu souhaites le modifier, il faut compléter et/ou modifier le css existant du thème. Si tu as des bases correctes dans ce domaine c'est assez simple à faire.

Le module est structuré de cette façon :

<div class="module module-nomdumodule">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Titre du panel</h3>
</div>
<div class="panel-body">
Contenu du module ici
</div>
<div class="panel-footer">
Contenu du footer
</div>
</div>
</div>


Chaque panel de module est englobé dans une div qui porte la classe module puis la classe module-* suivit du nom du module.

Exemple : le module Actualités est contenu dans une div portant la classe .module.module-news
Cela te permets de cibler l'ensemble de tes modules avec la classe .module, et de détailler si besoins, cas par cas, avec la classe .module.module-news

Dans ton cas, si tu veux changer le fond de tout tes modules, tu pourra placer un css de ce type :

.module.module-news .panel-default, .module.module-news .panel-body {
background-color: #fff;
}
Ippopilot

8 Fach, 29 Antworten

Ungelesene Nachricht
Ok Merci pour cette explication très claire, j'ai bien compris
J'ai composé de la façon suivante pour arriver a mon résultat:

.module.module-news .panel-default, .module.module-news .panel-body {
background-color: #282B30;
}

.module.module-news .panel-default, .module.module-news .panel-heading {
background-color: #191d20;
}

Par contre je me retrouve avec une bordure blanche, ou la supprimé ?
eResnova

17 Fach, 875 Antworten

Mitwirkende
Ungelesene Nachricht
En créant ça :

.module.module-news .panel-default {
border-color : #******;
}


Pour ta deuxième propriété citée plus haut, tu peux juste mettre :

.module.module-news .panel-heading {
background-color: #191d20;
}
Ippopilot

8 Fach, 29 Antworten

Ungelesene Nachricht
Merci nickel, mais j'ai du rajouté border-color : transparent; au panel-default et panel-heading

J'ai voulu modifié la couleur aussi de mon titre en faisant:
.module.module-news .panel-title {
background-color: #fff;
}

Mais cela me crée un fond blanc...Que modifier juste pour la couleur du titre
eResnova

17 Fach, 875 Antworten

Mitwirkende
Ungelesene Nachricht
C'est color

Par contre... Prend le temps d'apprendre un minimum le CSS si tu veux te lancer dans la modif de ton thème... ;)
Ippopilot

8 Fach, 29 Antworten

Ungelesene Nachricht
Yes, novice mais j'en apprend tout les jours ;)
En tous cas merci de l'aide