Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

changer la couleur des intertitres des articles

shdruet
le 21 novembre 2012
à 16:52
Rappel du sujet :

Bonjour,
je voudrais modifier la couleur des intertitres des articles et leur affecter une couleur différente de celle de la div texte. Comment définir cette modification en css ? J’ai tenté plusieurs définitions avec les h3 mais elles ne sont pas prises en compte.
Merci d’avance

changer la couleur des intertitres des articles

Un

h3.spip{
   color: #abcdef
}

devrait faire l’affaire

changer la couleur des intertitres des articles

En fait, j’ai inséré les lignes h3.spip
color : #5d9fb0
dans le fichier general.css et toute la mise en page de la page a disparu ! En plus, même après avoir remodifié le fichier, les styles ne sont pas restaurés.
Avant cela, j’avais tenté de modifier directement dans le fichier perso.css, mais ça n’avait rien changé.
Avez-vous une idée de ce qui produit ce problème ?

changer la couleur des intertitres des articles

Je rectifie : toute la mise en page de la partie publique du site est bouleversée.

changer la couleur des intertitres des articles

Pas de panique

  1. on ne touche pas à general.css ni à aucun autre fichier d’Escal
  2. on ne met des css QUE dans un fichier perso.css qu’on met dans un dossier /squelettes/styles (à créer si pas encore fait)
  3. on rafraichit la page (vidage du cache navigateur)

et tout doit rentrer dans l’ordre

changer la couleur des intertitres des articles

Tout d’abord, merci de me répondre si rapidement. Tout est rentré dans l’ordre.
En revanche, comme je l’avais (très mal) expliqué, j’avais déjà tenté de définir h3.spip dans un fichier perso.css avant de poster dans le forum, mais sans succès. Ce sont toujours les couleurs de #texte-article qui s’appliquent.

changer la couleur des intertitres des articles

Étonnant !

Une URL pour voir ça ?

changer la couleur des intertitres des articles

Voici l’url du site : lien supprimé
Dans chaque fiche programme (article) intégrée aux rubriques, l’intertitre de couleur n’a pu être obtenu par la voie orthodoxe (css). J’ai dû éditer l’article sur nvu et copier-coller le code html dans l’éditeur spip, ce qui est à la fois contre-productif et peu élégant.

J’ai même essayé de modifier la définition de h3.spip dans les squelettes de la dist (sachant bien que ce n’est pas recommandé) mais rien n’a changé.

Si vous avez une piste, je prends...

changer la couleur des intertitres des articles

Prenons un exemple précis :
lien supprimé

Je confirme que si on met

h3.spip{
  color: red;
}

dans /squelettes/styles/perso.css,
les titres "A comme Adaptabilité" "B comme bonnes pratiques" etc deviennent bien rouges !
(testé avec l’extension webdevelopper de Firefox et avec l’extension Firebug de Firefox)

changer la couleur des intertitres des articles

Bonjour,

Je viens de retester après avoir vidé le cache de spip et celui de mon navigateur, mais je ne vois rien ! Puisque c’est apparent pour vous, je vais tout de même laisser la définition dans escal>squelettes>styles>perso.css.
Merci de l’attention portée à ma demande.

changer la couleur des intertitres des articles

Ah non, le dossier /squelettes doit se mettre à la racine du site, pas dans Escal !!!

Donc au même niveau que /config, /ecrire, /IMG, etc

Voilà pourquoi ça ne fonctionnait pas.

changer la couleur des intertitres des articles

Bonjour,

Je déterre un vieux sujet, mais ça coince sur mon site.
J’ai mis ça dans mon perso.css (rangé au bon endroit !) :

h3.spip{
  color: #557a32 !important;
}

Mais ce n’est pas pris en compte...
Une idée ?

Merci !

changer la couleur des intertitres des articles

Merci à Yves qui m’a donné la solution :
il manquait un "#"
Le bon code à mettre dans perso.css est donc :

#h3.spip{
 color: #557a32 !important;
}
changer la couleur des intertitres des articles

Hein ??
Tu es sur de toi ?

changer la couleur des intertitres des articles

Ça marchait hier soir avec le #, mais aujourd’hui non !
J’ai enlevé le # ce soir et ça marche...
J’imagine que c’est une histoire de cache qui m’a donné l’illusion que ça marchait avec le # alors qu’il y avait encore en cache le code sans #.
Il y a des choses mystérieuses pour un débutant avec ces surcharges et héritages de CSS !
Merci encore !

changer la couleur des intertitres des articles

Normal

Un problème de cache sûrement !

Réagir au sujet
Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2024 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 5.1.3