[RÉGLÉ] modifier l'apparence du module mod_feed

[pierre31]

bonjour,

J'utilise le template Beez20 (personal) pour mon site.
J'ai placé en position 7 sur cette page un module mod_feed qui ne se distingue pas assez du reste puisqu'il est basé sur le même template.
Je voudrais changer ses caractéristiques (taille et couleurs de police notamment) pour textes et liens. Je ne sais par où commencer car avec firebug je vois des choses dans différents .css ainsi que des propriétés héritées.
Quelqu'un aurait-il la patience de m'indiquer comment m'y prendre ou tout au moins me donner quelques pistes ? méthode ou fichiers à retoucher ?

merci par avance

[lefabdu51]

Re : modifier l'apparence du module mod_feed

PM moi, qu on puisse prendre le temps de se contacter .

Tu utilise firebug ou pas?
Si c est non installe le et utilise le ca te simplifieras la vie

[lefabdu51]

Re : modifier l'apparence du module mod_feed

La classe générale est .newsfeed.

Recherches la dans les fichiers personal.css, et dans les autres fichiers de ce dossier.

Pour changer les propriétés de tes liens tu ajoutes ceci dans ton fichier personal.css:

.feed-link {
font-size:
color:
.......
}

pour changer les propriétés du contenu de ton module(le texte en dessous du lien), tu ajoutes ceci dans ton fichier personal.css

.newsfeed-item p {
font-size:
.......
}

A toi de mettre les bonnes valeurs.

[pierre31]

Re : modifier l'apparence du module mod_feed

ah, ouiiii. ça va contenir mes modifs au seul module. C'est sur ça que je bute en ce moment. ça va me faire gagner du temps et me permettre de faire quelque chose de beaucoup plus propre.

merci beaucoup. je teste ce soir.

[pierre31]

Re : modifier l'apparence du module mod_feed

ben voilà, j'ai réussi à faire ce que je voulais. ça ne s'est pas fait tout seul et j'ai dû me luxer deux ou trois neurones dans l'affaire mais j'ai réussi à trouver ce qui me manquait (et c'est beaucoup plus gratifiant quand ça ne tombe pas tout rôti dans le bec).

Encore merci Lefabdu51.

dans le cas où ça peut intéresser quelqu'un, voilà ce que j'ai modifié :

le personnal.css ainsi (ligne 897) :

/* ++++++++++++++ newsfeed ++++++++++++++ */

ul.newsfeed
{
border:solid 1px #ddd; /*encadrement gris*/
}
.feed-link a:link, /*couleur du lien*/
.feed-link a:visited
{
font-size:12px;
color:#972334;
}
.feed-link a:hover, /*couleur du lien survolé*/
.feed-link a:active,
.feed-link a:focus
{
background:#FFF;
color:#239597;
text-decoration: none;
font-size: 12px;
}
.newsfeed-item
{
border-bottom:solid 1px #ddd;
}
.newsfeed-item p /*couleur et taille du texte*/
{
color: #333333;
font-size: 11px;
}
.newsfeed-item h5 a
{

}

et j'ai modifié dans le layout.css (ligne 1677):

.newsfeed-item
{
padding:5px 0 0 5px; /*ajout du padding à gauche*/
margin:0
}
.newsfeed-item p /*réduction de l'interligne dans le texte*/
{
line-height: 1.2em
}

[lefabdu51]

Re : modifier l'apparence du module mod_feed

Si ca t as été utile tant mieux.
Passe ton thread en reglé. merci par avance

le truc c est que chaque module que tu affiches, crée sa propre classe. Apres pour les trouver tu regardes dans la partie code html de firebug.
S il n y as aucune proriété de definie, alors il faut les ajouter.
Si la classe n existe pas tu la crees dans le fichier personal.css.