CSS additionnel

:dev: Le CSS

Le CSS est un langage informatique qui permet de mettre en forme les pages web. Sur WordPress il est possible de rajouter du « CSS additionnel » pour modifier votre thème.

Cela permet de facilement personnaliser votre site sans retoucher directement le code source.

Je vais donc vous présenter quelques lignes que j’ai ajouter pour personnaliser mon site.

Plume


Arrondir le bords des images

img { 
 -webkit-border-radius: 5px; 
 -moz-border-radius: 5px; 
 border-radius: 5px; 
}

Comme vous pouvez le constater, cette image a ses bords légèrement arrondis de « 5px ».


Couleur de sélection

::selection {
  background: #00868B;
  color: #ffffff;
 }

Si vous sélectionnez le texte de mes pages, il sera surligné en turquoise, comme la couleur des cheveux de Plume.


Mise en page des textes bien carrée

p {
 text-align: justify;
}

C’est vraiment bête et purement esthétique, je vais copier coller ce texte plusieurs fois pour vous donner une idée de la mise en page d’une texte qui revient à la ligne plusieurs fois. C’est vraiment bête et purement esthétique, je vais copier coller ce texte plusieurs fois pour vous donner une idée de la mise en page d’une texte qui revient à la ligne plusieurs fois. C’est vraiment bête et purement esthétique, je vais copier coller ce texte plusieurs fois pour vous donner une idée de la mise en page d’une texte qui revient à la ligne plusieurs fois. <- voilà, je pense que vous avez compris l’idée.

C’est parce que j’aime bien quand c’est carré, ça me semble plus ordonné !

Caducée


Retirer l’ombrage du header

.custom-header-media:before {
 background: linear-gradient(to bottom,
 rgba(0, 0, 0, 0) 0%,
 rgba(0, 0, 0, 0) 75%,
 rgba(0, 0, 0, 0) 100%);
}

Bon, là je ne le retire pas vraiment, je réduis toutes les valeurs à 0 pour ne plus le voir. Je ne sais pas pourquoi, la majorité des thèmes WordPress utilisent cet effet.


Retirer l’ombrage des images de galeries

.wp-block-gallery .blocks-gallery-item figcaption {
background:linear-gradient(0deg,rgba(0,0,0,0),rgba(0,0,0,0) 0%,transparent)
}

Encore de l’ombrage dont je ne suis pas fan…

Même moi qui aime les trucs « Dark », je trouve qu’il en font trop…

Lia


Enfin voilà, il est possible de faire pas mal de modifications.

Je rajouterai d’autres lignes de temps en temps si j’en ajoute dans mon « CSS Additionnel » et qu’elles me semblent pertinentes.

Plume