72 vues
Thémes Actualité
Ippopilot

8 sujets, 29 réponses

Message non lu
Bonjour,

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

38 sujets, 883 réponses

Contributeurs Donateurs
Message non lu
ton fond peut être modifié via le pannel admin dans ta gestion de ton thème.
"N'arrêtez jamais d'apprendre" !
Ippopilot

8 sujets, 29 réponses

Message non lu
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 sujets, 875 réponses

Contributeurs Staff
Message non lu
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 sujets, 29 réponses

Message non lu
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 sujets, 875 réponses

Contributeurs Staff
Message non lu
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 sujets, 29 réponses

Message non lu
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 sujets, 875 réponses

Contributeurs Staff
Message non lu
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 sujets, 29 réponses

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