Contourner les Google Fonts du thème Chaplin 2.6.7 sous WordPress 6.1.1
Le thème Chaplin (merci Anders Norén) intègre les fonts de google comme une dépendance, donc pour utiliser une font personnaliser...
Régler le code CSS en fonction du navigateur Firefox, Chrome, Internet Explorer, Safari, Edge
/* Chrome version 29 and above */
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
selector{ property:value; }
}
/* Chrome version 22-28 */
@media screen and(-webkit-min-device-pixel-ratio:0) {
selector { -chrome-:only (;
property:value;
);}
}
/* Chrome, Safari, and also the Edge Browser and Firefox */
@media and (-webkit-min-device-pixel-ratio:0) {
selector { property:value; }
}
Surcharger le style !important des posts du thème Divi 4.9 installé sur WordPress 5.7
Le CSS de Divi utilise !important ce qui rend difficile de pouvoir le surcharger...
Astuces CSS
Le CSS est un langage qui permet d'écrire le style de tout ce qui se voit sur une page web comme les caractères, les fonds de couleur, les cadres, etc.
surcharger le style HTML inline avec important
p {color: #00FF00 !important;}
appliquer un/des attribut/s à plusieurs class ou id avec des wildcards
li[id*="footnote-"] {font-size: 0.90rem;}
div[class$="bleu"], div[class^=" velo"] {border: 1px solid #0000FF;}
forcer le retour à la ligne
word-wrap: break-word;
Quelques adresses
- http://www.pompage.net/articles_par_theme#theme-CSS
- http://www.css3create.com/
- http://css.mammouthland.net/css3/
- http://css.developpez.com/faq/
- http://www.alsacreations.com/astuces/
Et ça marche 