Modifier l'apparence d'un titre

Les titres de votre site, titre de pages, titres de lignes, titres des widgets, etc. ne sont pas forcément modifiables depuis la personnalisation de l'apparence.

Nous allons voir ici comment modifier l'apparence de ces titres sur les thèmes responsive Bootstrap ou autres thèmes proposés par e-monsite.

Les titres utilisés sur e-monsite

  • Le titre de la page est un h1
  • Le titre de la ligne est un h2
  • Sur les pages, il n'y a pas de h3 de base. Libre à vous d'en ajouter depuis l'éditeur visuel (comme les h4, h5 et h6)
  • Les titres des widgets dans le menu vertical sont des p pour les thèmes responsive Bootstrap (sinon ce sont des h3 ou h4 -selon le thème)

Nous allons voir comment modifier ces titres en CSS. Les réglages se font dans Configuration > Apparence et tout en bas de page dans le formualire "Ajouter/Modifier du CSS au thème".

Pensez à enregistrer votre thème de temps en temps dans Configuration > Apparence > Thèmes > Mes thèmes sauvegardés.

Selon le titre à modifier vous aurez :

l'élément à modifier{
le truc à modifier : valeur;
}

Modifier la taille de la police du titre.

Jouez avec les "em" pour avoir la bonne taille. 1em étant la taille par défaut du texte de votre site (les paragraphes, pas les titres).

Modifier la couleur du titre.

Et la je vous renvoie vers la page : Trouver le code hexadécimal d'une couleur.

Centrer un titre.

Cilblez le titre puis ajoutez les règles CSS.

Demande de personnalisation.

 

Si vous avez une demande particulière, contactez-moi ou utilisez le forum e-monsite.

h1{
font-size: 1.5em;
}
h2{
color : #000000; 
}

Ici : noir

h1{
text-align: center;}

Sur e-monsite : Ces modifications CSS sont à faire dans Configuration, Apparence et dans le formulaire tout en bas de page.

Modification du titre manquante ? Ajouter un commentaire !

Si tout n'est pas repris sur cette page, laissez un commentaire, j'ajouterai ce qu'il vous manque - Police de caractère, animation, etc.

Ajouter un commentaire