• Code CSS
• Liens utiles

Dans cet exemple, je vais transformer les styles du widget WordPress Categories en utilisant la section Custom CSS de l’onglet Advanced avec Elementor. Si vous êtes abonné à l’une des licences, il vous suffit de vous connecter pour voir étape par étape comment procéder.

1. Insérer le widget Catégories dans notre document
2. Cliquez sur l’onglet Avancé
3. Cliquez sur la section Custom CSS et collez le code CSS

Code CSS

Cliquez sur le bouton COPIER LE CODE pour copier le code utilisé dans ce tutoriel vidéo dans le presse-papiers.

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

• W3 School – Tutoriel CSS