Vous pouvez très simplement modifier le titre de vos modules pour, par exemple, changer "Texte libre" par ce que vous désirez, il vous suffit de vous rendre dans l'onglet "modules", de cliquer sur le nom du module, d'indiquer le nouveau titre désiré, ensuite valider et c'est déjà fini.
Tous les modules peuvent être modifiés de la sorte.

 


 

  
Si vous désirez modifier la couleur ou la taille du titre, il vous faudra être en mode avancé et modifier le CSS dans la partie   /* ---------- Box ---------- */
 
La ligne à modifier est la suivante :  .box h2 {}
 
 
Vous pouvez y modifier, ou ajouter les informations suivantes :

  • La taille du titre par un de ces codes au choix (un seul) :
    - En pourcentage (montez ou descendez le pourcentage pour adapter la taille)
    code : font-size: 120%;
    - En pixels (montez ou descendez le nombre de pixels)
    code : font-size: 15px;
    - En taille (adaptez, xx-small, x-small, small, medium, large, ...)
    code : font-size:x-small;
     
  • Mettre le titre en gras
    code : font-weight: bold;
     
  • Modifier la couleur du titre (trouver les codes de couleur)
    code : color:#0000ff;
     
  • Modifier la couleur du fond du titre (trouver les codes de couleur)
    code : background:#FFFFFF;
        
  • Mettre une texture ou une image de fond de titre
    code : background:url(url_de_votre_image);
     
  • Centrer, mettre à gauche ou droite le titre (center, left ou right)
    code : text-align:center;

N'oubliez pas les points virgule entre chaque code, ils sont important !
exemple de ligne modifiée :
.box h2 { color: #0000ff; font-size: 80%; text-align:center; background:#FFFFFF;}

 


 

Aller plus loin ...

 

publié dans : Design
ajouter un commentaire commentaires (6)    recommander
Voir tous les articles

Publicité

Catégories

Recherche

Blog : Politique sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur avec TF1 Network - Signaler un abus