• Código CSS
• Enlaces de interés

En este ejemplo voy a transformar los estilos del widget de Categorías de WordPress usando la sección CSS personalizado de la pestaña Avanzado con Elementor. Si eres suscriptor de una de las licencias solo tienes que iniciar la sesión para ver al detalle paso a paso como se hace.

1. Insertamos el widget Categorías a nuestro documento
2. Clic en la pestaña Avanzado
3. Clic en la sección CSS personalizado y pegamos el código CSS

Código CSS

Haz clic en el botón COPIAR CÓDIGO para copiar el código usado en este video tutorial al portapapeles.

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;
}

Enlaces de interés

• W3 School – CSS Tutorial