Utilisation de l'élément d'inspection (outils de développement)

 
Afin de personnaliser chaque section du Modern Events Calendar manuellement, vous pouvez utiliser les outils de développement dans vos navigateurs, puis placer les codes personnalisés dans la zone CSS personnalisé dans les paramètres de MEC ou de votre thème.

Écrire du code CSS personnalisé

Vous pouvez utiliser Inspect Element (outils de développement intégrés à votre navigateur) et modifier vous-même chaque section :

Si vous souhaitez apporter des modifications à votre conception, vous pouvez utiliser Inspect Element (outils de développement) pour voir le code source de votre site Web et les règles CSS qui lui sont appliquées.

Pour y accéder, cliquez avec le bouton droit et, dans le menu contextuel, sélectionnez Inspecter l'élément (ou Inspecter ou Outils de développement).

Pour plus de détails, vous pouvez visiter l'élément d'inspection Chrome ou l'élément d'inspection Firefox. En attendant, une recherche sur Google sera également utile.

Par exemple, nous essayons de changer la couleur de la bordure grise inférieure d’un pied de page.

Voici quelques tutoriels CSS qui vous aideront à écrire votre propre code CSS personnalisé : w3schools | CSS Units

Requêtes multimédias pour tous les appareils

Vous pouvez utiliser la « requête multimédia » pour rendre votre conception plus réactive sur les appareils mobiles et les tablettes. Cliquez ici ou ici pour plus d'informations sur les requêtes multimédias CSS.

Vous pouvez appliquer votre CSS sur une taille d'écran personnalisée en utilisant l'exemple suivant :

@media only screen and (max-width: 480px) {
    /* PUT YOUR CSS CODE */
}

ou utiliser entre deux tailles d'écran :

@media (max-width: 960px) and (min-width: 481px){
    /* PUT YOUR CSS CODE */
}

Remarque : Si vous souhaitez vous assurer que toutes vos personnalisations ne sont utilisées que sur la page d’événement unique, vous devez utiliser des classes de corps comme celles-ci (voir la capture d’écran ci-dessous) :

single-mec-events

or

 mec-single-fluent-body