ex simple modif css d'un theme drupal 7

modèle Fresh 7.x-1.5 dont la css principale est en dru1/sites/ex01/themes/fresh/style.css

Utiliser l'indispensable opera, pour travailler sur les feuilles de style: CTRL+Maj+I (ou Opera DragonFly)

block drapeaux de choix de langue (i18n)

Avec le modèle Fresh 7.x-1.5 (site de test ex01): retirer les puces des listes, et mettre drapeaux l'un à coté de l'autre (horizontallement).

  1. identifier avec webdev la classe css concernée : language-switcher-locale-url
  2. identifier et modifier la bonne .css : dru1/sites/ex01/themes/fresh/style.css
  3. ajouter:

/* block drapeaux de langue sans bullet */
ul.language-switcher-locale-url {
  list-style:none;
  padding: 0; margin: 0;
  color: #fff; background-color: #033;
  display: inline;    /* sinon block a tt largeur */
  margin-left:3px; margin-right:3px; padding-top:3px; padding-bottom:3px;
}
ul.language-switcher-locale-url li { display: inline; }
ul.language-switcher-locale-url li:after{ content: " "; }   
ul.language-switcher-locale-url li:last-child:after{ content: ""; }

block contenu récent illisible

Mettre ce block en pied de page (theme Fresh), c'est illisible car en blanc sur fond blanc.
Dans la css, la partie "footer blocks" est vers la ligne 680 (background:#574159;).

  1. identifier avec webdev ID concernée : #block-node-recent + id du pied de page est #bottom
    mais en fait, on a aussi le soucis pour le bloc devel à coté ("node_access entries"), et on voit qu'il s'agit d'un soucis sur tous les tableaux table du pied de page.
  2. modifier dru1/sites/ex01/themes/fresh/style.css
  3. #bottom .botwid *  est en fff, à modifier par ex tq    color: fucshia;

Il serait préférable de modifier la couleur de fond des table en pied de page
déplacer   background-color: #ff5b5b;  pour identifier les éléments. Ex: #bottom .botwid .block h2 impacte les titres des blocks concernés.