Introduction au CSS personnalisé d’Elementor

Éditeur de catégories avec CSS personnalisé dans WordPress
Personnalisation des catégories avec CSS dans WordPress. Conception d'étiquettes en style bouton bleu.

Table des matières

Vidéo pas à pas

Dans cet exemple, je vais transformer les styles du widget Catégories de WordPress en utilisant la section CSS personnalisé de l’onglet Avancé avec Elementor. Si vous êtes abonné à l’une des licences, il vous suffit de vous connecter pour voir en détail pas à pas comment procéder.

Introduction au CSS personnalisé d'Elementor
  1. Insérez le widget Catégories dans votre document
  2. Cliquez sur l’onglet Avancé
  3. Cliquez sur la section CSS personnalisé et collez le code CSS

Code CSS

Copiez le code utilisé dans ce tutoriel vidéo.

selector h5 {
    display: none;
}

selector li {
    list-style: none;
    display: inline-block;
    margin-bottom: 20px;
}

selector li a {
    border: 2px solid blue;
    padding: 7px 15px;
    margin: 5px;
    border-radius: 50px;
    color: blue;
    text-transform: uppercase;
}

selector li a:hover {
    color: white;
    background-color: blue;
}

selector ul {
    margin: 0;
    padding: 0;
    text-align: center;
}

Liens utiles