72 뷰
Thémes Actualité
Ippopilot

8 과목, 29 개

읽지 않은 메시지
Bonjour,

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

38 과목, 883 개

참여자 기증자
읽지 않은 메시지
ton fond peut être modifié via le pannel admin dans ta gestion de ton thème.
"N'arrêtez jamais d'apprendre" !
Ippopilot

8 과목, 29 개

읽지 않은 메시지
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 과목, 875 개

참여자
읽지 않은 메시지
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 과목, 29 개

읽지 않은 메시지
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 과목, 875 개

참여자
읽지 않은 메시지
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 과목, 29 개

읽지 않은 메시지
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 과목, 875 개

참여자
읽지 않은 메시지
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 과목, 29 개

읽지 않은 메시지
Yes, novice mais j'en apprend tout les jours ;)
En tous cas merci de l'aide