Thème - Fichier CSS

Vous avez la possibilité d'ajouter votre propre feuille de style CSS (fichier *.CSS) pour votre site internet.

Pour cela allez dans le menu Présentation >> Thème, zone "Fichier CSS" et ajoutez votre fichier *.css.

Comment créer votre fichier CSS ?

Pour créer votre fichier CSS, vous pouvez créer un fichier texte (*.txt) puis modifier l'extension par *.css. Editez ensuite le ficher avec votre éditeur de texte préféré et copier/coller le contenu de l'exemple ci-après. Enfin, enregistrez votre fichier.

Exemple de contenu de fichier CSS :

Cet exemple de contenu permet de définir :

  • la taille de base de la police de caractères du site internet.
  • les couleurs de bandeau des différents types d'article (actualité, événement, album-photo).

Exemple de contenu de fichier CSS :

/** Taille générale de la police de caractères */
body {
font-size: 14px;
}

/** vignette article */
.article-posts article .post-heading.article-type-1 {
/** bandeau actualité */
background: rgba(0,255,255,0.2);
}

.article-posts article .post-heading.article-type-5 {
/** bandeau événement */
background: rgba(255,0,255,0.2);
}

.article-posts article .post-heading.article-type-11 {
/** bandeau album-photo */
background: rgba(255,255,0,0.2);
}

/** page article */
.article-post article .article-header.article-type-1 {
/** bandeau actualité */
background: rgba(0,255,255,0.2);
}

.article-post article .article-header.article-type-5 {
/** bandeau événement */
background: rgba(255,0,255,0.2);
}

.article-post article .article-header.article-type-11 {
/** bandeau album-photo */
background: rgba(255,255,0,0.2);
}

Astuce : Comment trouver ma couleur au format rgba (couleur + transparence) :

Vous pouvez utiliser les sites hexcolortool.commaterialui.co ou encore hashtagcolor.com

Cet article a-t-il été utile ?
3 0 0
Poster un commentaire
 
Joindre un fichier