Introduzione a CSS personalizzato di Elementor

Editor di categorie con CSS personalizzato in WordPress
Personalizzazione delle categorie con CSS in WordPress. Design delle etichette in stile pulsante blu.

Indice dei contenuti

Video passo dopo passo

In questo esempio trasformerò gli stili del widget Categorie di WordPress utilizzando la sezione CSS personalizzato della scheda Avanzato con Elementor. Se sei un abbonato a una delle licenze, devi solo effettuare il login per vedere in dettaglio come si fa, passo dopo passo.

  1. Inseriamo il widget Categorie nel nostro documento
  2. Clicca sulla scheda Avanzato
  3. Clicca sulla sezione CSS personalizzato e incolla il codice CSS

Codice CSS

Copia il codice utilizzato in questo video tutorial.

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

Link utili