72 vistas
Thémes Actualité
Ippopilot

8 sujetos, 29 respuestas

Mensaje no leído
Bonjour,

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

38 sujetos, 883 respuestas

colaboradores donantes
Mensaje no leído
ton fond peut être modifié via le pannel admin dans ta gestion de ton thème.
"N'arrêtez jamais d'apprendre" !
Ippopilot

8 sujetos, 29 respuestas

Mensaje no leído
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 sujetos, 875 respuestas

colaboradores
Mensaje no leído
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 sujetos, 29 respuestas

Mensaje no leído
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 sujetos, 875 respuestas

colaboradores
Mensaje no leído
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 sujetos, 29 respuestas

Mensaje no leído
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 sujetos, 875 respuestas

colaboradores
Mensaje no leído
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 sujetos, 29 respuestas

Mensaje no leído
Yes, novice mais j'en apprend tout les jours ;)
En tous cas merci de l'aide